*{margin:0;padding:0;box-sizing:border-box;color:#eee;transition:ease-in-out .3s}img{display:block}h1,h2,h3,h4,h5,p{margin:0;padding:0;font-size:12px;font-weight:400}a{text-decoration:none}a:hover{transform:translate(2px,-2px)}button{padding:10px 20px;box-shadow:0 4px 4px #00000040;box-shadow:0 2px 5px purple;border-radius:10px;border:1px #FE0707 solid;display:inline-flex;font-weight:700}button:hover,button:focus{background:transparent;color:#fff;border:1px #3C339A solid;box-shadow:0 1px 5px #fe0707}.alpha{background:#3C339A;color:#eee}.beta{background-color:#eee;color:#3c339a}.skill{display:flex;flex-direction:row;align-items:center;gap:17px;padding:17px;border:1px solid rebeccapurple;border:2px solid #3C339A;background:hsla(0,0%,0%,.8);box-shadow:1px 1px 2px 1px purple;border-radius:10px}.skill img{width:20%}.skill p{font-size:12px;display:flex;flex-direction:column;gap:6px}.skill span{font-size:10px}.skill:hover{transform:scale(1.05)}.tool{display:flex;align-items:center;gap:6px;width:auto;width:45%}.tool p{font-size:10px}.tool img{width:14%}.project{display:flex;flex-direction:column;align-items:center;justify-content:center;outline:1px solid rebeccapurple;border-radius:8px;box-shadow:0 0 2px 2px purple}.project .front{display:flex}.project .front img{width:100%;border-radius:8px}.project .hide,.hide{display:none}.show{display:block}#root{max-width:350px;margin:0 auto;text-align:center}.App{width:350px;background:hsla(0,0%,0%,.6) url(/assets/bgBlend-f324b3b3.png) no-repeat;background-blend-mode:soft-light;background-size:cover}.App .head{background:url(/assets/heroBg-10118820.jpg);background-repeat:no-repeat;border-radius:0 0 20px 20px;padding:25px}.App .head .navigation{display:flex;margin-bottom:25px}.App .head .navigation .logo{color:#fff;font-size:20px;font-family:Inter;font-weight:700;word-wrap:break-word}.App .head .navigation .menu{margin-left:auto}.App .head .hero{color:#eee;text-align:left}.App .head .hero .sec1 .heading{font-size:20px;font-weight:700;margin-bottom:10px;color:#5a79c8}.App .head .hero .sec1 .desc{font-size:12px}.App .head .hero .sec1 .cta{display:flex;gap:25px;margin:16px auto 25px}.App .head .hero .sec2{display:flex;place-content:center;margin:16px auto}.App .head .hero .sec2 .heroImg{width:100%;height:100%;margin-top:40px}.App .main{padding:25px;display:flex;flex-direction:column;gap:25px}.App .main .about{text-align:left;display:flex;flex-direction:column;gap:25px;position:relative;padding:25px 0}.App .main .about .sec1{background:hsla(0,0%,0%,.7);border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:16px;position:relative;border:1px solid #3C339A;box-shadow:0 0 2px 1px purple}.App .main .about .sec1 h2{font-size:16px;font-weight:500;color:#5fb7cf;margin-bottom:10px}.App .main .about .sec1 .socials{position:relative;display:flex;gap:7px;flex-wrap:wrap}.App .main .about .sec1 .socials .social{display:flex;align-items:center;gap:5px;width:80px}.App .main .about .sec1 .socials .social img{max-width:25%}.App .main .about .sec1 .socials .social p{font-size:10px}.App .main .about .sec2{background:hsla(0,0%,0%,.7);border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:16px;position:relative;border:1px solid #3C339A;box-shadow:0 0 2px 1px purple}.App .main .about .sec2 h2{font-size:16px;font-weight:500;color:#5fb7cf}.App .main .about .sec2 .tools{display:flex;flex-wrap:wrap;gap:17px;justify-content:space-between}.App .main .projects{background:hsla(0,0%,0%,.7);border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:16px;position:relative;border:1px solid #3C339A;box-shadow:0 0 2px 1px purple}.App .main .projects .projectsTiles{display:flex;flex-direction:column;gap:16px}.App .footer{border-radius:0 0 20px 20px;padding:25px;background:hsla(0,0%,0%,.8);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.App .footer h2{color:#5a79c8;font-size:16px;font-weight:500}.App .footer button{transform:scale(.8)}.hide{display:none}body{background:url(/assets/heroBg2-ba9e578f.jpg) center fixed;background-repeat:no-repeat;background-size:cover}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}