.card{--glow-color:#ff7a2daa}@media screen and (max-width:395px){.nav-container .routing-links{gap:0!important}.nav-container a{font-size:12px!important}}@media screen and (max-width:750px){.nav-container a{font-size:15px!important}.links{box-shadow:0 0 4px #000;border-radius:3px;margin-top:20px}}.nav-container{transition:1s;box-shadow:0 2px 8px #000;padding:8px;display:flex;gap:50px;justify-content:center;background-color:#121212}.nav-container .routing-links{gap:10px;display:flex;font-weight:200}.nav-container .routing-links .span-bar{margin-top:20px;background:#f0f0f0;padding:.1px;border-radius:100px;height:2px;width:25px}.nav-container .routing-links .span-bar1{margin-top:20px;background:linear-gradient(90deg,#121212,#f0f0f0);padding:.1px;border-radius:100px;height:2px;width:50px}.nav-container .routing-links .span-bar2{margin-top:20px;background:linear-gradient(270deg,#121212,#f0f0f0);padding:.1px;border-radius:100px;height:2px;width:50px}.nav-container .routing-links a{cursor:pointer;font-size:17px;color:#f0f0f0;text-decoration:none;padding:8px}.nav-container .links{position:absolute;left:20px;font-size:20px;padding:8px;display:flex;gap:25px}@media screen and (max-width:750px){.d1,.d2{display:none!important}.wrapper .chess-info{right:25vw}.wrapper .jr-footer{top:0!important}.wrapper .logo-container{font-size:10px!important}.wrapper .logo-container .logos{font-size:25px!important;gap:8px!important;width:200px}.wrapper .board{position:relative!important;margin-top:275px!important;right:400px;margin-left:200px!important}.wrapper .board h2{margin-top:500px!important}.wrapper .chess-info{margin-left:8%;margin-top:500px}.line-container span{display:none}.logo-container{margin-top:400px}.window{width:250px!important;margin-top:60px!important;height:300px!important;font-size:10px!important;margin-left:450px!important}.window__controls span{width:10px!important;height:10px!important;margin-left:5px!important}.window-main ol li:before{padding:0!important}.projects-container .projects-info{position:absolute;margin-right:150px}.projects-container .projects-info hr{width:250px;margin-right:150px}.projects-container .projects-info p{margin-right:150px;font-size:12px!important;width:250px}.projects-container .projects-info a{margin-right:120px}.grid-container h2{margin-top:650px!important}.grid-container button{display:none}.grid-container .av-p{left:40px!important}.grid-container .av-git-link{position:absolute;right:-80px}.grid{margin-top:10px}.grid div td{padding:3.5px!important}}.bar-holder,.bar-holder .bar{display:flex;justify-content:center}.bar-holder .bar{position:absolute;bottom:65px;background-color:#101010;padding:.6px;border-radius:100px;height:0;width:96%}.footer-container{position:absolute;bottom:0;width:100%}.footer-container footer{padding:20px}html hr{border-color:#121212!important}html::-webkit-scrollbar{display:none!important}@media screen and (max-width:395px){.board{transform:rotate(0)!important;right:555px!important}.chess-info{padding-top:10px!important;padding-left:10px!important;padding-right:10px!important;margin-left:-22px!important;right:3vw!important}.grid-container .av-p{font-size:13px;margin-top:-30px!important;right:240px}.grid-container .av-git-link{position:absolute;right:-60px!important}.grid{margin-top:10px}.grid div td{padding:5.5px!important}.projects-container .projects-info{position:absolute;margin-right:110px!important}.projects-container .projects-info h1{margin-right:-150px}.projects-container .projects-info hr{margin-right:150px}.projects-container .projects-info p{margin-left:80px;font-size:12px!important;width:150px!important}.projects-container .projects-info a{margin-right:120px}}@media screen and (max-width:750px){.wrapper .chess-info{right:25vw}.wrapper .jr-footer{top:0!important}.wrapper .logo-container{font-size:10px!important}.wrapper .logo-container .logos{font-size:25px!important;gap:8px!important;width:200px}.wrapper .board{position:relative!important;margin-top:275px!important;right:400px;margin-left:200px!important}.wrapper .board h2{margin-top:500px!important}.wrapper .chess-info{margin-left:8%;margin-top:500px}.line-container span{display:none}.logo-container{margin-top:400px}.window{width:250px!important;margin-top:60px!important;height:300px!important;font-size:10px!important;margin-left:450px!important}.window__controls span{width:10px!important;height:10px!important;margin-left:5px!important}.window-main ol li:before{padding:0!important}.projects-container .projects-info{position:absolute;margin-right:150px}.projects-container .projects-info hr{width:250px;margin-right:150px}.projects-container .projects-info p{margin-right:150px;font-size:12px!important;width:250px}.projects-container .projects-info a{margin-right:120px}.grid-container h2{margin-top:650px!important}.grid-container button{display:none}.grid-container .av-p{left:40px!important}.grid-container .av-git-link{position:absolute;right:-80px}.grid{margin-top:10px}.grid div td{padding:3.5px!important}}.hidden{visibility:hidden}.grid{visibility:visible;animation:fadein 1s ease}@keyframes bob{0%{transform:scale(0)}33%{transform:scale(0)}66%{transform:scale(1.1)}99%{transform:scale(1)}}@keyframes growwidth{0%{width:0}33%{width:0}66%{width:210px}99%{width:200px}}body{display:block;text-align:center;background-color:#181818;color:#f0f0f0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.wrapper{margin-left:30px;margin-right:30px;animation:fade 1s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.logo-container{display:flex;justify-content:center}.logo-container .logos{display:flex;gap:40px;font-size:25px;margin-left:20px;margin-right:20px}.logo-container .logos:nth-child(2){animation:bob 1s ease}.logo-container .span-bar1{background:linear-gradient(270deg,#fff,#181818)}.logo-container .span-bar1,.logo-container .span-bar2{animation:growwidth 2s ease;margin-top:10px;padding:.1px;border-radius:100px;height:2px;width:200px}.logo-container .span-bar2{background:linear-gradient(90deg,#fff,#181818)}.projects-container{display:flex;justify-content:center}.projects-container .projects-info h1{margin-top:100px;position:relative;right:120px}.projects-container .projects-info p{font-weight:200}.projects-container .line-span{margin-top:25px;background:linear-gradient(0deg,cyan,#181818);padding:1px;width:1px;height:400px;position:absolute}.projects-container .circle-span{margin-top:420px;position:absolute;border-radius:100px;color:#181818;width:35px;height:35px;background:linear-gradient(180deg,cyan,#36c933)}.projects-container h2{background:-webkit-linear-gradient(#78ffff,#0f6864);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:absolute;margin-top:460px}.projects-container .editor-container{position:relative;margin-top:25px;right:0;display:flex;flex-direction:column;box-sizing:border-box}.projects-container .editor-container body{display:flex;flex-direction:column;width:100%;height:100vh;margin:0;box-sizing:border-box;background-color:#1b1b1e;font-family:Montserrat,sans-serif;color:#b1b1b3}.projects-container .editor-container ol,.projects-container .editor-container ul{list-style-type:none;text-align:left;margin:0;padding:0}.projects-container .editor-container .window{animation:bob 2s ease;border-radius:5px;width:420px;height:375px;font-size:12px;margin:auto;background-color:#000;box-shadow:0 0 25px -7px #000}.projects-container .editor-container .window-top{border-radius:5px 5px 0 0;display:flex;align-items:center;height:30px;background-color:#202020}.projects-container .editor-container .window__controls{display:inline-flex}.projects-container .editor-container .window__controls span{width:15px;height:15px;margin-left:10px;border-radius:50%}.projects-container .editor-container .window__controls span:first-child{background-color:#b22222}.projects-container .editor-container .window__controls span:nth-child(2){background-color:#d6bf3e}.projects-container .editor-container .window__controls span:nth-child(3){background-color:#4db434}.projects-container .editor-container .window__title{flex:1 1;text-align:center;color:#b1b1b3}.projects-container .editor-container .window-main{padding:.5em;color:#4e4e4e}.projects-container .editor-container .window-main ol{counter-reset:item;font-family:Source Code Pro,monospace}.projects-container .editor-container .window-main ol li{margin-bottom:3px}.projects-container .editor-container .window-main ol li:before{content:counter(item) "  ";counter-increment:item;padding:0 10px}.projects-container .editor-container .tag{color:#4d86b9}.projects-container .editor-container .attr{color:#8dc6e3}.projects-container .editor-container .val{color:#c58b74}.projects-container .editor-container .text{color:#d4d4d4}.projects-container .editor-container .comment{color:#517343}.hide{display:none}.show{display:block}.grid-container{position:absolute;margin-top:550px;justify-content:center;display:flex}.grid-container .vert-hr{background:linear-gradient(180deg,#121212,#181818)}.grid-container h2{top:475px}.grid-container button{position:absolute;margin-top:450px;background-color:#181818;border:1px solid cyan;border-radius:3px;border-radius:1000px;height:35px;width:35px;box-shadow:0 0 5px cyan;cursor:pointer}.grid-container button a{text-decoration:none;font-weight:100;font-size:20px;color:#f0f0f0}.grid-container p{margin-top:0;font-weight:200}@keyframes zoomin{33%{transform:scale(1)}66%{transform:scale(1.2)}99%{transform:scale(1)}}@keyframes show{33%{transform:scale(1)}66%{transform:scale(1.08)}99%{transform:scale(1)}}.colums:first-child{animation:show .1s}.colums:nth-child(2){animation:show .2s}.colums:nth-child(3){animation:show .3s}.colums:nth-child(4){animation:show .4s}.colums:nth-child(5){animation:show .5s}.colums:nth-child(6){animation:show .6s}.colums:nth-child(7){animation:show .7s}.colums:nth-child(8){animation:show .8s}.colums:nth-child(9){animation:show .9s}.colums:nth-child(10){animation:show 1s}.colums:nth-child(11){animation:show 1.1s}.colums:nth-child(12){animation:show 1.2s}.colums:nth-child(13){animation:show 1.3s}.colums:nth-child(14){animation:show 1.4s}.colums:nth-child(15){animation:show 1.5s}.colums:nth-child(16){animation:show 1.6s}.colums:nth-child(17){animation:show 1.7s}.colums:nth-child(18){animation:show 1.8s}.colums:nth-child(19){animation:show 1.9s}.colums:nth-child(20){animation:show 2s}@keyframes fadein{0%{background-color:cyan}to{background-color:indigo}}@keyframes choose{0%{border-radius:100px;transform:scale(0)}to{border-radius:0;transform:scale(1)}}.board{transition:1s;transform:rotate(5deg)}.board:hover{animation:scaleup .5s ease}.chess-info{position:absolute;background-color:#161616;width:350px;border-radius:10px 80px 10px 80px;right:10vw;padding:20px}.chess-info h1{margin:0;background:-webkit-linear-gradient(#fff,grey);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.chess-info p{position:relative;font-weight:200;z-index:9}.chess-info hr{position:relative;border:1px solid #121212;border-radius:100px}.chess-info button{width:100px}.chess-info img{z-index:0;transform:rotate(30deg)}body{margin:0;padding:0}span#title{display:inline-block;font-weight:600;padding:.5rem;font-size:1.5rem;filter:drop-shadow(0 4px 7px rgba(0,0,0,.5))}.box{position:absolute;z-index:-2;border-radius:1rem;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.1),inset 0 0 7px 1px hsla(0,0%,100%,.1),6px 6px 15px 0 rgba(0,0,0,.4);animation-name:box-1-animation;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.box[data-variant="1"]{animation-name:box-1-animation;top:-10rem;left:-11rem;height:7rem;width:7rem;background:#2c5bf1}.box[data-variant="2"]{animation-name:box-2-animation;animation-delay:-.5s;animation-duration:2s;top:2rem;left:-6rem;height:6rem;width:8rem;background:#ffa62d}.box[data-variant="3"]{animation-name:box-3-animation;animation-delay:-1s;animation-duration:2s;top:-6rem;right:-9rem;height:12rem;width:4rem;background:#5c2c86}.transform-3d{transform-style:preserve-3d;transform:perspective(1000px) rotateY(var(--rotateY)) rotateX(var(--rotateX));transition:transform .2s}.transform-3d:hover{transition:transform 50ms}.card{--border-radius:1rem;--border-color:rgba(120,13,227,.2);--blur:10px;--glow-rotation:25deg;--glow-init-rotation:180deg;--glow-color:indigo;--glow-width:65deg;--glow-border-width:2px;--highlight-width:20deg;--highlight-color:hsla(0,0%,100%,.5);position:relative;margin-top:350px;border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.1),inset 0 0 7px 1px hsla(0,0%,100%,.1),0 0 7px 0 rgba(0,0,0,.25);border:0 solid hsla(0,0%,100%,.35);background:linear-gradient(225deg,hsla(0,0%,100%,.1),hsla(0,0%,39%,.1) 25%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,hsla(0,0%,39%,.1));background-color:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card,.card:before{display:inline-block}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding-top:var(--glow-border-width,1px);padding-right:var(--glow-border-width,1px);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background:conic-gradient(from calc(var(--glow-rotation, 0deg) + var(--glow-init-rotation, 180deg)) at 50% 50%,var(--border-color,transparent) 0deg,var(--border-color,transparent) calc(180deg - var(--highlight-width, 2deg) - var(--glow-width, 2deg)),var(--glow-color,#fff) calc(180deg - var(--highlight-width, 2deg)),var(--highlight-color,#fff) 180deg,var(--glow-color,#fff) calc(180deg + var(--highlight-width, 2deg)),var(--border-color,transparent) calc(180deg + var(--highlight-width, 2deg) + var(--glow-width, 2deg)),var(--border-color,transparent) 1turn);mix-blend-mode:lighten}.containere{height:40vh;position:relative}.bg-container,.containere{display:flex;align-items:center;justify-content:center}.bg-container{position:absolute;pointer-events:none}.flex{display:flex;justify-content:center}@keyframes box-1-animation{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}@keyframes box-2-animation{0%{transform:translate(-1rem)}50%{transform:translate(2rem)}to{transform:translate(-1rem)}}@keyframes box-3-animation{0%{transform:translateY(-1.5rem)}50%{transform:translateY(.5rem)}to{transform:translateY(-1.5rem)}}@media screen and (max-width:1200px){.four-square{display:none!important}}@media screen and (max-width:700px){.containere{margin-top:40px!important}.info-box{width:130px!important}.info-box p{font-size:12px!important}}@keyframes showname{0%{opacity:0}to{opacity:1}}@media screen and (max-width:420px){.me-container button{left:110px}.me-container h1{font-size:35px!important;z-index:9}.me-container code{margin-left:-40px;font-size:10px}}@media screen and (max-width:750px){body{transition:1s}.about-me-container{display:flex;justify-content:center}.me-container{margin-left:-35px!important;width:85%!important}.me-container button{margin-left:100px!important}.me-container span{margin-left:-225px!important}.about-me{top:150px!important;margin-left:50px;margin-top:400px!important}.about-me,.about-me hr{width:350px!important}}@keyframes glowin{33%{box-shadow:0 0 3px cyan}66%{box-shadow:0 0 6px cyan}99%{box-shadow:0 0 3px cyan}}@keyframes glow{33%{box-shadow:0 0 8px cyan}66%{box-shadow:0 0 12px cyan}99%{box-shadow:0 0 8px cyan}}.me-container{box-shadow:inset 0 0 8px #000;height:300px;width:45%;margin:50px 50px 50px 40%;padding:50px;border-radius:6px;background-color:#0f0f0f}.me-container span{background-color:#20b2aa;margin-top:35px;margin-left:-21%;position:absolute;padding:75px;border-radius:100%;box-shadow:0 0 8px cyan;border:1.5px solid cyan;animation:glow 2s infinite}.me-container iframe{border:1.5px solid cyan;box-shadow:0 0 6px cyan;z-index:9;margin-top:10px;border-radius:100%;position:relative;right:34%}.me-container button{margin-top:-25px!important;background:-webkit-linear-gradient(#fff,#20b2aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:absolute;margin-left:3%;font-weight:800;margin-top:10px;animation:glowin 3s infinite;transition:1s;border:1px solid #7afdfd;box-shadow:0 0 3px cyan;border-radius:3px;background-color:grey;content:"3 years experiance";font-size:15px;padding:6px}.me-container button:hover{box-shadow:0 0 7px cyan}.me-container h1{margin-top:-40px;margin-bottom:30px;background:-webkit-linear-gradient(cyan,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:showname 3s ease;font-size:45px;position:relative;left:32%}.me-container h1:first-child:after{font-size:25px;padding:3px;content:" s. "}.about-me{top:100px;width:300px;padding:20px;margin:10px;position:absolute}.about-me hr{border:1px solid #161616;width:30vw}.about-me h1{position:relative;right:65px;background:-webkit-linear-gradient(#fff,grey);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-me p{font-weight:200}.about-me button{margin-top:15px;background:#17817b;border-radius:5px;border:none;padding:0;cursor:pointer;outline-offset:4px}.about-me button:hover span{transform:translateY(-8px)}.about-me button:active span{transform:translateY(-1px)}.about-me button span{color:#f0f0f0;transition:.3s;font-weight:800;display:block;padding:12px 42px;border-radius:5px;background:#20b2aa;color:#fff;transform:translateY(-7px)}@media screen and (max-width:400px){.contact-container{border-radius:0!important}}@media screen and (max-width:750px){.contact-container{margin-top:80px!important;width:400px!important}.contact-info{flex-direction:column;margin:25px}.contact-info span{margin:15px!important;width:300px!important}}.contact-info span{margin-top:20px;width:600px}.contact-info span h3{font-weight:250;margin-top:0;color:#fff}.contact-info span button{color:#000;background-color:#f5f5f5;border:none;border-radius:100px;width:60px;padding:15px;font-size:25px}@media screen and (max-width:600px){.d1,.d2{display:none!important}.about-me h1{right:0!important}#game-surface{display:none!important}.proj-con .d1{margin-top:-50px!important;margin-left:-550px}.proj-con .d1,.proj-con .d2,.proj-con .d3{padding:6px!important}.proj-con .d3 h1{text-align:center!important;font-size:45px!important;color:#f5f5f5!important}.proj-con .d3 p{font-size:10px!important}.proj-con div{padding:0}.wave-container{width:56%!important}}@keyframes binary{66%{color:cyan}}