@import"https://fonts.googleapis.com/css2?family=Bitter&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap";#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}html{scroll-behavior:smooth}.portfolio-box{margin:2.5% auto 0;background-color:#f4f9fc;width:90%;padding:2.5%;color:#555;font-family:Bitter,serif}span{color:#6735dd}p{margin:0}.mode{text-align:end;margin-bottom:10px}.btn-box{display:flex;justify-content:flex-end;width:96%}#toggle{position:relative;display:block;width:50px;height:25px;border-radius:160px;transition:.5s;cursor:pointer;border:1px solid #6735dd}#toggle .indicator{position:absolute;top:0;left:0;width:25px;height:25px;background:linear-gradient(to bottom,#6735dd,#a28cd8);border-radius:50%;transform:scale(.9);transition:.5s}#toggle.active .indicator{left:25px;background:linear-gradient(to bottom,#eaeaea,#f9f9f9);box-shadow:0 8px 20px #00000080,inset 0 4px 4px #fff,inset 0 -4px 4px #fff}#toggle.active{border:1px solid #fff;box-shadow:inset 0 2px 20px #0000001a,inset 0 2px 8px #0000001a,inset 0 -4px 8px #0000000d}body{transition:.5s}body.active{background:#2b2b2b}.upper{margin-bottom:0}.lower{margin-top:2px}nav{margin:20px 0}nav>p{padding-left:5%}.code-text{color:#a28cd8}.nav-text>.code-text{text-indent:5%}.nav-text>nav{font-size:1.7em;padding-left:3%}.picture{margin-top:20px;display:flex;width:84%;justify-content:flex-end;align-items:center;flex-wrap:wrap}.picture>p{padding:0 20px}.profile{border-radius:50%;width:300px;height:300px}nav>p>a{text-decoration:none;color:#fff;background-color:#6735dd;background-position:left bottom;transition-duration:2s}nav>p>a:hover{direction:ltr;background-position:left;cursor:pointer}.btn a{text-decoration:none;color:#6735dd}.div{display:flex;justify-content:center;margin-bottom:50px}.greetings{width:60%;margin:0 auto}.greetings>div>h1{letter-spacing:1px;font-size:2em;text-indent:-4.7%;margin-top:0;margin-bottom:5px}.greetings>p{text-indent:-5.5%}.who-i-am{margin:20px 0;font-size:2em;text-indent:7%}.who-i-am>h3{font-weight:lighter;margin-top:0;margin-bottom:5px}.code-text{font-family:Source Code Pro,monospace;font-size:1em}.presentation{padding:20px 0}.about-section{display:flex;justify-content:center;width:100%}.about{width:66.5%;margin-bottom:50px}.about>h2{margin:5px 0;font-size:3em;text-indent:5%}.about-text{font-size:1.2em;padding:20px 0 20px 5%;font-family:Source Code Pro,monospace}.icons{display:flex;justify-content:flex-end;align-items:center;font-size:2em;text-indent:10;margin-top:20px}.icons>p{font-size:.5em;letter-spacing:2px;margin-right:20px}.fa{padding:10px;color:#6735dd}.btn{margin-left:5%;padding:10px 15px;margin-top:20px;font-size:17px;letter-spacing:.1em;color:#6735dd;border:3px solid #6735dd;border-radius:8px;outline:none;background:transparent;background-size:400% 400%;box-shadow:6px 6px #f3c7d3;cursor:pointer;transition:all .3s ease;font-family:Source Code Pro,monospace}.btn:hover{box-shadow:.2vw .2vw #f3c7d3}.section-title{font-size:3em;color:#4468f2}.skills{display:flex;justify-content:center;width:100%;flex-wrap:wrap;margin:20px 0}.skill-box{width:320px;height:300px;border-radius:32px;border:4px solid #4468f2;margin:1% 2.31%;box-shadow:.5vw .5vw #a9d8c0}.top{display:flex;justify-content:flex-end;align-items:center;width:96%;height:50px;border-radius:32px 32px 0 0}.top>.fa{font-size:1.3em;color:#4468f2}.skill-title{color:#4468f2;font-size:2em}.skill-item{font-size:1.2em;font-family:Source Code Pro,monospace}.skill-box hr{margin:0;border:none;height:4px;background-color:#4468f2}.skills-head{padding-bottom:20px}.skills-head>h2{padding:20px 0;margin:5px}.skills>.code-text{color:#9eace6}.skills-container .code-text{color:#9eace6}.skills-head>.code-text{color:#9eace6}.skills-container{padding:20px 0}.last{margin:20px 0}.projects-head{margin-top:50px;margin-bottom:20px}.projects-head>h2{font-size:2.5em;margin:5px 5px 20px;color:#ed622d}.project-section{margin:20px 0;display:flex;width:100%;justify-content:space-around;align-items:center;flex-wrap:wrap}.projects-head>h2{font-size:3em;margin:20px 0}.project-box{width:320px}.project-box h3{color:#ed622d;margin:10px 0;font-size:2em}.mini-bar{border:none;height:4px;margin-left:-1px;width:50px;background-color:#90def4}.project-box img{max-width:320px;min-height:110px;border-radius:20px}.project-box p{font-size:1.1em;font-family:Source Code Pro,monospace}.projects-head .code-text,.projects .code-text{color:#f0a896}.projects .last{margin-bottom:50px}.project-btn{padding:10px 15px;margin-top:30px;font-size:17px;letter-spacing:.1em;color:#ed622d;border:3px solid #ed622d;border-radius:8px;outline:none;background:transparent;background-size:400% 400%;box-shadow:4px 4px #90def4;cursor:pointer;transition:all .3s ease;font-family:Source Code Pro,monospace}.project-btn:hover{font-size:17px;box-shadow:2px 2px #90def4}.project-btn>a{text-decoration:none;color:#ed622d}.footer-section{text-align:center;font-family:Source Code Pro,monospace;padding-bottom:30px;color:#a28cd8}.hire-me{color:#6735dd;margin-top:20px;display:flex;align-items:center;justify-content:center;font-size:1.2em;font-family:Source Code Pro,monospace;letter-spacing:1px}.hire-me .fa{font-size:1.4em}.hire-me>button{border:none;background-color:transparent;cursor:pointer}.hire{padding-left:10px;font-size:.7em;font-family:Source Code Pro,monospace;letter-spacing:1px}body.active{background:#0c0c0c;color:#ccc}.night{background-color:#000;color:#ccc;transition:.5s}.btn-night{box-shadow:.4vw .4vw #6735dd}.btn-night:hover{box-shadow:.2vw .2vw #6735dd}.night-btn{box-shadow:.4vw .4vw #ed622d}.night-btn:hover{box-shadow:.2vw .2vw #ed622d}.night-box{box-shadow:.5vw .5vw #4468f2}.night-hr{background-color:#ed622d}.hire-night{color:#ccc}#myBtn{display:none;position:fixed;bottom:20px;right:19px;z-index:99;font-size:40px;border:none;background:transparent;outline:none;color:#fff;cursor:pointer;border-radius:50%}@media (max-width: 600px){.picture{display:block;text-align:center}.picture .code-text{margin:10px 0}.icons{display:block}.icons .code-text{margin:30px 0 0 10px}.about{width:100%}}