@import"https://fonts.googleapis.com/css2?family=Electrolize&family=Lexend:wght@100..900&family=Prosto+One&display=swap";.WRKSbody{font-family:Lexend,sans-serif;margin:10px}@font-face{font-family:BM Space A9;src:url(/assets/BMSPA__-8j0MoF3V.TTF);font-weight:400;font-style:normal}@font-face{font-family:FOT-NewRodin Pro DB;src:url(/assets/FOT-NewRodin%20Pro%20DB-BWjk3SW0.otf);font-weight:400;font-style:normal}@font-face{font-family:Lucida Console;src:url(/assets/lucon-Ctd8rGZj.ttf);font-weight:400;font-style:normal}@font-face{font-family:FOT-Skip STD B;src:url(/assets/FOT-SKIP%20STD%20B-C0AT4pRh.OTF);font-weight:400;font-style:normal}.WRKSbodyDarkMode{font-family:Lexend,sans-serif;margin:10px;color:#fff;background-color:#111723}#slider{opacity:0;width:0px;height:0px}.sliderbutton{background-color:#c6c6c6;height:30px;width:60px;position:fixed;right:20px;border-radius:15px;cursor:pointer}.sliderbutton:before{background-color:#fff;content:"🌜";position:absolute;height:25px;width:25px;border-radius:50%;margin:3px;transition:.2s}input:checked+.sliderbutton{background-color:#11477c}input:checked+.sliderbutton:before{transform:translate(25px);transition:transform .2s}.githubfooter a{display:flex;justify-items:center;align-items:center;text-align:center;width:fit-content;margin-bottom:2rem}.githubfooter img{width:30px;height:30px;border-radius:50%;border:2px solid rgb(40,63,170);margin:5px}.h1WRKS{font-family:Electrolize;font-size:80px;margin:0}.h2WRKS{font-family:Electrolize;font-size:72px;margin:0}.h3WRKS{font-family:Electrolize;font-size:64px;margin:0}.h4WRKS{font-family:Electrolize;font-size:56px;margin:0}.h5WRKS{font-family:Electrolize;font-size:48px;margin:0}.h6WRKS{font-family:Electrolize;font-size:40px;margin:0}.ul-li-WRKS{margin:5px}.ul-li-WRKS::marker{content:"●  "}.ol-li-WRKS{margin:5px}.ol-li-WRKS::marker{font-size:1.2rem}.codeWRKS{max-width:fit-content;overflow-x:auto;padding:5px;border-radius:5px;background-color:#2a3f64;color:#fff}.codeblock{display:block;overflow-x:auto;margin:10px;padding:10px;border-radius:1.1rem;background-color:#2a3f64;color:#fff}.addressWRKS{font-style:normal;font-family:Lucida Console}.a-WRKS,.a-WRKS:visited,.a-WRKS:active{text-decoration:none;position:relative}.a-WRKS:after{content:"";left:0;bottom:0;width:0;height:2px;position:absolute;transition:width .2s;background:currentColor}.a-WRKS:hover:after{width:100%}.WRKSbodyDarkMode .a-WRKS,.WRKSbodyDarkMode .a-WRKS:active{color:#7ecbff}.WRKSbodyDarkMode .a-WRKS:visited{color:pink}.WRKSbodyDarkMode .a-WRKS:after{background:#7ecbff}.qouteWRKS{font-style:italic;font-weight:350}.abbrWRKS{font-weight:600}.emphasisWRKS{font-weight:500}.kbdWRKS{font-size:1.1rem;background-color:#dcdcdc;padding:2px}.WRKSbodyDarkMode .kbdWRKS{background-color:#292929}.markWRKS{border-radius:10px;padding:2px}.sampWRKS{background-color:#e0e0df;padding:2px}.WRKSbodyDarkMode .sampWRKS{background-color:#b0b0b0;color:#222;padding:2px}.timeWRKS{font-family:Courier New}.blockquoteWRKS{background-color:#e0e0df;border-radius:1.1rem;padding-inline:1.1rem;max-width:fit-content}.WRKSbodyDarkMode .blockquoteWRKS{background-color:#b0b0b0;color:#222}.dt-WRKS{font-weight:550;font-size:1.1rem}.pre-WRKS{background-color:#e0e0df;max-width:fit-content;padding:5px;border-radius:1rem}.WRKSbodyDarkMode .pre-WRKS{background-color:#b0b0b0;color:#222}.audioWRKS{border-radius:2rem;background-color:#474747}.tableWRKS{border:2px solid #333;border-collapse:collapse;padding:5px}.tableheaderWRKS{background-color:#2a3f64;color:#fff}.tabledataWRKS{border:2px solid #333;transition:background-color .25s}.tabledataWRKS:hover{background-color:#698ecd}.WRKSbodyDarkMode .tableWRKS{border:2px solid white}.WRKSbodyDarkMode .tableheaderWRKS{background-color:#9bc0ff;color:#2a3f64}.WRKSbodyDarkMode .tabledataWRKS{border:2px solid white;transition:background-color .25s}.WRKSbodyDarkMode .tabledataWRKS:hover{background-color:#4f76b8}.buttonWRKS{color:#fff;padding:10px;background-color:#2a3f64;border-radius:15px;border:1.5px solid black;cursor:pointer}.buttonWRKS:enabled:hover{box-shadow:0 0 10px 2px #2a3f64;transform:scale(1.1);transition:transform .1s,box-shadow .25s}.buttonWRKS:disabled,button[disabled]{color:#e8e5e5;background-color:#4a566b;padding:10px;border-radius:15px;border:1.5px solid black;cursor:pointer}.inputWRKS{padding:5px 12px;overflow:auto;border:1px solid rgb(42,63,100);border-radius:15px}.inputWRKS:focus{border:3px solid rgb(42,63,100);outline:none}.fieldsetwrks{border:none;border-radius:10px;width:fit-content;background-color:#2a3f64}.fieldsetwrks legend{background-color:#fff;border-radius:5px;font-size:larger}.WRKSbodyDarkMode .fieldsetwrks{color:#000}.fieldsetwrks label{display:block;width:fit-content;color:#fff}.fieldsetwrks input{outline:none}.formWRKS{display:block;color:#000;background-color:#e0e0df;max-width:fit-content;min-width:400px;padding:1.2rem;border-radius:1.1rem}.formWRKS label{display:block;padding:2px}.formWRKS input{display:block;width:400px;margin-bottom:10px}.formWRKS #surprise{position:absolute;left:10rem;max-width:fit-content;margin-bottom:10px}.selectwrks{padding:10px;background-color:#2a3f64;color:#fff;border-radius:2rem;border:none;text-align:center;min-width:50px}.selectwrks option{background-color:#e0e0df;color:#222}.textareaWRKS{resize:none;outline:2px solid rgb(29,41,62);border-radius:2rem;padding:20px;border:none}.detailsWRKS{font-size:1rem;background-color:#e0e0df;width:fit-content}.detailsWRKS summary{font-family:Electrolize;font-size:1.3rem;font-weight:700;background-color:#fff}.WRKSbodyDarkMode .detailsWRKS{background-color:#fff;color:#1d293e}.WRKSbodyDarkMode .detailsWRKS summary{background-color:#1d293e;color:#fff}.progressWRKS{height:1.25rem;appearance:none;border-radius:1rem;border:1px inset rgb(42,63,100);overflow:hidden}.progressWRKS::-webkit-progress-bar{background-color:#fff;border-radius:1rem}.progressWRKS::-webkit-progress-value{background-color:#11477c;border-radius:1rem;transition:width .2s}.cardWRKS{display:block;max-width:800px;border:2px black solid;margin:20px;border-radius:.5rem;padding:1rem;background-color:#246fb6;color:#e0e0df;box-shadow:0 5px 10px 2px #4c4c4c}.cardWRKS-button-container{display:flex;width:100%}.cardWRKS-button-primary{width:100%;color:#2a3f64;background-color:#e0e0df;margin:10px}.cardWRKS-button-secondary{width:100%;margin:10px}@font-face{font-family:BM Space A9;src:url(public/fonts/BMSPA__.TTF);font-weight:400;font-style:normal}@font-face{font-family:FOT-NewRodin Pro DB;src:url("public/fonts/FOT-NewRodin Pro DB.otf");font-weight:400;font-style:normal}@font-face{font-family:Lucida Console;src:url(public/fonts/lucon.ttf);font-weight:400;font-style:normal}@font-face{font-family:FOT-Skip STD B;src:url("public/fonts/FOT-Skip STD B.otf");font-weight:400;font-style:normal}body{overflow-x:hidden;overflow-y:scroll}.threads-container{position:fixed;width:100%;height:100%;bottom:-30px;z-index:-5}.Welcome{height:45em;display:flex;justify-content:space-between;overflow:hidden}.circleborder{position:relative;right:-50px;min-width:400px;max-width:700px;max-height:650px;transform:translate(-50px);opacity:0;animation:profpic 1s forwards}@keyframes profpic{0%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(-50px)}}.short-intro{min-width:400px;max-width:472.898px;position:relative;top:12em;left:12em;transform:translate(50px);opacity:0;animation:bioreveal 1s forwards;text-align:right}.hi{font-family:FOT-NewRodin Pro DB;font-size:46px}.hoverme{background-color:red;padding:.5em;font-family:Lucida Console;font-size:12px;border-radius:20px;position:absolute;right:450px;top:60px;text-align:center;animation:hovermeAnim 1s forwards}@keyframes hovermeAnim{0%{opacity:0;transform:rotate(70deg);transform-origin:bottom left}60%{opacity:0;transform:rotate(70deg);transform-origin:bottom left}to{opacity:1;transform:rotate(-20deg);transform-origin:bottom left}}.title{font-family:BM Space A9;font-size:76px;display:flex;min-height:160px;text-align:right;align-items:center}.glitchGithub{position:relative;text-decoration:none;color:#fff;animation:glitch .35s infinite}.glitchGithub:after{content:"@falood4";color:#cce7fb;position:absolute;top:0%;left:0;transform:translate(.05em,.05em);animation:glitch .45s infinite}@keyframes glitch{0%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),-.025em .05em 0 rgba(0,0,255,.75)}14%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),-.025em .05em 0 rgba(0,0,255,.75)}15%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}49%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}50%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}99%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}to{text-shadow:-.025em 0 0 rgba(255,0,0,.75),-.025em -.025em 0 rgba(0,255,0,.75),-.025em -.05em 0 rgba(0,0,255,.75)}}.who_am_i{font-family:FOT-Skip STD B;font-size:20px}@keyframes bioreveal{0%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(50px)}}.bio{display:block;text-align:justify;width:70%;margin:0 auto;font-family:FOT-NewRodin Pro DB}.Pinwheels{display:block;margin:0 auto;position:relative;width:100em}.HardSkills{position:relative;border-radius:50%;width:20em;height:20em;float:left;margin:10em;animation:rotateSkills 30s linear infinite}.SoftSkills{position:relative;width:20em;height:20em;bottom:-15em;right:-50em;margin:10em;animation:rotateSkills 30s linear infinite}li{width:50%;height:50%;position:absolute;top:0;right:0;overflow:hidden;transform-origin:bottom left;border:white 2px solid;border-collapse:collapse}.sector{position:absolute;left:15%;top:25%;width:50%;height:50%;padding-top:20px;transform:skewY(30deg) rotate(15deg)}.HardSkills img,.SoftSkills img{width:75px;height:75px;position:absolute;top:0;left:12.5%;transform:rotate(15deg);border-radius:1em}.HardSkills li:first-child,.SoftSkills li:first-child{transform:rotate(0) skewY(-30deg)}.HardSkills li:nth-child(2),.SoftSkills li:nth-child(2){transform:rotate(60deg) skewY(-30deg)}.HardSkills li:nth-child(3),.SoftSkills li:nth-child(3){transform:rotate(120deg) skewY(-30deg)}.HardSkills li:nth-child(4),.SoftSkills li:nth-child(4){transform:rotate(180deg) skewY(-30deg)}.HardSkills li:nth-child(5),.SoftSkills li:nth-child(5){transform:rotate(240deg) skewY(-30deg)}.HardSkills li:nth-child(6),.SoftSkills li:nth-child(6){transform:rotate(300deg) skewY(-30deg)}.HardSkills li:first-child,.SoftSkills li:first-child{background:green}.HardSkills li:nth-child(2),.SoftSkills li:nth-child(2){background:tomato}.HardSkills li:nth-child(3),.SoftSkills li:nth-child(3){background:#0ff}.HardSkills li:nth-child(4),.SoftSkills li:nth-child(4){background:#ff0}.HardSkills li:nth-child(5),.SoftSkills li:nth-child(5){background:orange}.HardSkills li:nth-child(6),.SoftSkills li:nth-child(6){background:purple}.sector img:hover{transform:scale(1.2) rotate(15deg);transition:transform .1s}.HardSkills:hover,.SoftSkills:hover{animation-play-state:paused}@keyframes rotateSkills{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.SkillBubbles{position:relative;top:5em;right:-10em;max-width:600px;min-height:200px;margin:10em 0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;overflow:hidden;gap:1em}.SkillBubbles span{position:relative;padding:1em;min-width:26px;border-radius:1.5em;font-size:18px;font-family:FOT-Skip STD B;font-weight:500;color:#fff;background:linear-gradient(90deg,#389aa3 23%,#1269cc);background-size:150% 150%;animation:gradient 5s infinite}@keyframes gradient{0%{background-position:0% 0%}25%{background-position:0% 100%}50%{background-position:100% 100%}75%{background-position:100% 0%}to{background-position:0% 50%}}.SoftBubbles{position:relative;top:-20em}.Projects{width:100%;display:flex;align-items:center;flex-direction:column;min-height:800px}.img-carousel{width:1050px;height:407px;position:relative}.img-carousel img{width:200px;height:280px;border-radius:10%;border:#ffffff solid 2px}.foreground{transform:scale(1.2);position:absolute;border-radius:10%;top:152px;left:425px;z-index:2}.midground1{filter:blur(3px);position:absolute;border-radius:10%;top:76px;left:66px;z-index:1;transition:filter .5s}.midground2{filter:blur(3px);position:absolute;border-radius:10%;top:76px;left:784px;z-index:1;transition:filter .5s}.background1{position:absolute;border-radius:10%;top:0;left:228px;z-index:0;transform:scale(.8);filter:blur(8px);transition:filter .5s}.background2{position:absolute;border-radius:10%;top:0;left:626px;z-index:0;transform:scale(.8);filter:blur(8px);transition:filter .5s}.gitLink{position:relative;top:240px;left:0%;width:200px;height:25px;text-align:center}.gitLink a{display:block;width:100%;height:100%}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10%}.foreground .flip-card-back{transform:rotateY(0);transition:transform 1s}.foreground .flip-card-front,.flip-card-back{transform:rotateY(180deg);transition:transform 1s}.flip-card-front{transform:rotateY(0);transition:transform 1s}.midground2 .flip-card-back{transform:rotateY(180deg);transition:transform 1s}.midground2 .flip-card-front{transform:rotateY(0);transition:transform 1s}.socialsHex{margin:0 auto;padding-bottom:100px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;max-width:600px;transform:translateY(80px) scale(125%)}.hexagon{display:flex;justify-content:center;align-content:center;width:100px;height:100px;margin:1px;padding:1px;background-color:#000;clip-path:polygon(50% 5%,100% 25%,100% 75%,50% 95%,0% 75%,0% 25%);transform-style:preserve-3d}.hexagon-inner{justify-content:center;align-content:center;text-align:center;width:90px;height:90px;background-color:#fff;clip-path:polygon(50% 10%,100% 30%,100% 80%,50% 100%,0% 80%,0% 30%);object-fit:cover;object-position:center}.hexagon:hover{z-index:1;transition:transform .5s;transform:scale(1.2) rotateY(360deg)}#github{background:#fff}#hackerrank{background-color:#20d761}#linkedin{background-color:#0077b5}