.topbar{background-color:#3d3d3d;color:#fff;height:70px;position:fixed;top:0;width:100%;z-index:3}.topbar .wrapper{justify-content:space-between;padding:10px 30px}.topbar .wrapper,.topbar .wrapper .left{align-items:center;display:flex}.topbar .wrapper .left .logo{color:inherit;font-size:35px;font-weight:700;text-decoration:none}@media(max-width:900px){.topbar .wrapper .left .logo{font-size:25px;margin-top:10px}}.topbar .wrapper .left .menu-container{align-items:center;display:flex}@media(max-width:900px){.topbar .wrapper .left .menu-container{display:none}}.topbar .wrapper .left .menu-container li{display:inline;margin-left:15px;margin-right:15px}.topbar .wrapper .left .menu-container li .menu-btn{border-left:2px solid #3d3d3d;color:inherit;font-size:25px;padding-left:5px;text-decoration:none}.topbar .wrapper .left .menu-container li .menu-btn:hover{border-left:2px solid #da8404;color:#c5b8a9}@media(max-width:900px){.topbar .wrapper .right .hamburger{cursor:pointer;display:flex;flex-direction:column;height:25px;justify-content:space-between;width:32px}.topbar .wrapper .right .hamburger span{background-color:#da8404;height:3px;transform-origin:left;transition:all 2s ease;width:100%}}.topbar.active .hamburger span:first-child{transform:rotate(45deg)}.topbar.active .hamburger span:nth-child(2){opacity:0}.topbar.active .hamburger span:last-child{transform:rotate(-45deg)}.home{background:linear-gradient(rgba(0,0,0,.527),#00000080),url(/Portfolio-2025/static/media/bg.19b0eb45c0282e3be5f9.jpg) no-repeat;background-position:50%;background-size:cover;display:flex;opacity:.8}@media(max-width:900px){.home{align-items:center;flex-direction:column}}.home .left{align-items:center;display:flex;flex:.5 1;justify-content:flex-end;overflow:hidden}@media(max-width:900px){.home .left{justify-content:center;width:100%}}.home .left .imgContainer{align-items:flex-start;border:10px solid #da8404;border-radius:50%;display:flex;float:right;height:40vw;justify-content:center;min-height:600px;min-width:600px;overflow:hidden;width:40vw;z-index:2}@media(max-width:900px){.home .left .imgContainer{align-items:center;height:400px;max-height:80%;max-width:60%;min-height:100px;min-width:100px;width:400px}}.home .left .imgContainer img{width:100%}.home .right{flex:.5 1;position:relative}.home .right .wrapper{display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:50px;width:100%;z-index:2}@media(max-width:900px){.home .right .wrapper{align-items:center;padding:0}}.home .right .wrapper h1{color:#fff;font-size:60px;margin:10px 0}@media(max-width:900px){.home .right .wrapper h1{font-size:40px}}.home .right .wrapper h2{color:#fff;font-size:35px}@media(max-width:900px){.home .right .wrapper h2{font-size:30px}}.home .right .wrapper h3,.home .right .wrapper span{color:#da8404;font-size:30px}@media(max-width:900px){.home .right .wrapper h3,.home .right .wrapper span{font-size:25px}}.home .right .wrapper .ityped-cursor{animation:blink 1s infinite}@keyframes blink{50%{opacity:1}to{opacity:0}}.intro{align-items:center;background-color:#868686;display:flex;justify-content:center}@media(max-width:900px){.intro{align-items:center;flex-direction:column}}.intro .left{display:flex;flex:.5 1;flex-direction:column;height:100%;justify-content:center}@media(max-width:900px){.intro .left{flex:.6 1}}.intro .left .upper-top{animation:stretchLarge 1s infinite;background-color:#da8404;border-radius:16px;height:20px;margin:10px 50px}@media(max-width:900px){.intro .left .upper-top{display:none}}@keyframes stretchLarge{0%{width:40%}50%{width:90%}to{width:40%}}.intro .left .upper-bottom{animation:stretchSmall 1s infinite;background-color:#fff;border-radius:16px;height:20px;margin:10px 0 60px 50px}@media(max-width:900px){.intro .left .upper-bottom{display:none}}@keyframes stretchSmall{0%{width:20%}50%{width:50%}to{width:20%}}.intro .left .wrapper{background-color:#3d3d3d;border-radius:16px;box-shadow:0 10px 13px -7px #000,3px 5px 15px 5px #0000;margin:10px 50px;overflow:hidden;padding:10px;transition:all .5s ease-in-out}@media(max-width:900px){.intro .left .wrapper{margin:10px 20px}}.intro .left .wrapper:hover{transform:scale(1.03)}@media(max-width:900px){.intro .left .wrapper:hover{transform:none}}.intro .left .wrapper h1{color:#da8404;font-size:60px;margin-bottom:10px}@media(max-width:900px){.intro .left .wrapper h1{font-size:30px}}.intro .left .wrapper p{color:#fff;font-size:20px}@media(max-width:900px){.intro .left .wrapper p{font-size:12px}}.intro .left .lower-bottom{animation:stretchLarge 1s infinite;background-color:#da8404;border-radius:16px;height:20px;margin:10px 50px}@media(max-width:900px){.intro .left .lower-bottom{display:none}}.intro .left .lower-top{animation:stretchSmall 1s infinite;background-color:#fff;border-radius:16px;height:20px;margin:60px 0 10px 50px}@media(max-width:900px){.intro .left .lower-top{display:none}}.intro .right{align-items:center;display:flex;flex:.5 1;height:100%;justify-content:center;overflow:hidden}@media(max-width:900px){.intro .right{flex:.4 1;width:100%}}.intro .right .imgContainer{align-items:flex-end;border:5px solid #da8404;box-shadow:0 5px 15px #00000059;display:flex;height:35vw;justify-content:center;max-height:500px;max-width:500px;transform:rotate(-15deg);width:35vw}@media(max-width:900px){.intro .right .imgContainer{height:25vw;min-height:150px;min-width:150px;transform:none;width:25vw}}.intro .right .imgContainer img{width:100%}.education{align-items:center;background-color:#868686;display:flex;flex-direction:column}.education h1{color:#da8404;font-size:60px;margin-top:20px}@media(max-width:900px){.education h1{font-size:30px;margin-top:10px}}.education .container{background:-webkit-linear-gradient(top,#633e30,#1c1c1c);border-radius:5px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;display:flex;height:80%;margin-top:20px;width:80%}@media(max-width:900px){.education .container{flex-direction:column;height:87%;margin-top:5px}}.education .container .left{flex:.5 1;overflow:hidden}@media(max-width:900px){.education .container .left{flex:none;height:50%}}.education .container .textContainer{border:2px dashed #da8404;height:45%;margin:10px;overflow:hidden;padding:10px}@media(max-width:900px){.education .container .textContainer{height:40%;margin-bottom:5px}}.education .container .textContainer h2{color:#da8404;font-size:20px;margin-bottom:10px}@media(max-width:900px){.education .container .textContainer h2{font-size:15px}}.education .container .textContainer h3{color:#fff;font-size:18px}@media(max-width:900px){.education .container .textContainer h3{font-size:15px}}.education .container .textContainer ul{-webkit-padding-start:10px;color:#fff;padding-inline-start:10px}@media(max-width:900px){.education .container .textContainer ul{display:none}}.education .container .textContainer li{font-size:15px;list-style-position:inside;margin-top:5px}.education .container .pe-0{padding-bottom:0}.education .container .right{flex:.5 1;overflow:hidden}@media(max-width:900px){.education .container .right{flex:none;height:25%;margin-top:0;padding-top:0}}.education .container .right .imgContainer{align-items:center;display:flex;height:50%;justify-content:center;overflow:hidden;width:100%}@media(max-width:900px){.education .container .right .imgContainer{display:none;height:100%}}.education .container .right .imgContainer img{animation:hat 3s linear infinite;height:auto;max-width:200px;width:50%}@keyframes hat{0%{transform:scale(1)}50%{transform:scale(1.5) rotate(180deg)}to{transform:scale(1) rotate(1turn)}}.skills{align-items:center;background-color:#868686;display:flex;flex-direction:column}.skills h1{color:#da8404;font-size:60px;margin-top:20px}@media(max-width:900px){.skills h1{font-size:30px;margin-top:10px}}.skills .container{display:flex;flex-direction:column;gap:1rem;height:80%;margin-top:20px;width:80%}.skills .container .skillContainer{display:flex;flex-direction:column;gap:.5rem;padding:0 3rem;width:100%}@media(max-width:900px){.skills .container .skillContainer{padding:0}}.skills .container .skillContainer h2{color:#da8404;font-size:2rem}@media(max-width:900px){.skills .container .skillContainer h2{font-size:1.5rem}}.skills .container .skillContainer .skillList{display:flex;flex-wrap:wrap;gap:1rem;width:100%}@media(max-width:900px){.skills .container .skillContainer .skillList{gap:.5rem}}.skills .container .skillContainer .skillList div{background:#3d3d3d;border-radius:.3rem;box-shadow:0 0 10px 1px #da8404bf;color:#fff;font-size:1.5rem;margin:5px;padding:1rem 2.5rem;transition:transform .5s ease-in-out}@media(max-width:900px){.skills .container .skillContainer .skillList div{font-size:.7rem;padding:.4rem .8rem}}.skills .container .skillContainer .skillList div:hover{transform:scale(1.06)}.portfolioList{border-radius:10px;cursor:pointer;font-size:20px;margin-right:50px;padding:7px}@media(max-width:900px){.portfolioList{font-size:15px;margin-right:5px}}.portfolioList.active{background-color:#3d3d3d;color:#da8404}.portfolio{align-items:center;background-color:#868686;display:flex;flex-direction:column}.portfolio h1{color:#da8404;font-size:60px;margin-top:20px}@media(max-width:900px){.portfolio h1{font-size:30px}}.portfolio ul{display:flex;list-style:none;margin:10px;padding:0}@media(max-width:900px){.portfolio ul{flex-wrap:wrap;justify-content:center;margin:10px 0}}.portfolio .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:90%}@media(max-width:900px){.portfolio .container{width:100%}}.portfolio .container .item{align-items:center;background-color:#3d3d3d;border:1px solid #da8404;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;height:210px;margin:10px 20px;width:300px}@media(max-width:900px){.portfolio .container .item{height:100px;width:130px}}.portfolio .container .item h3{color:#fff;font-size:20px;margin:5px 0;overflow:hidden}@media(max-width:900px){.portfolio .container .item h3{font-size:15px}}.portfolio .container .item img{height:75%;object-fit:cover;width:90%}.portfolio .container .item:hover{opacity:.7;transform:scale(.97)}.modalBackground{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;position:fixed;top:0;width:100vw;z-index:3}.modalBackground .modalContainer{animation:popup .5s linear;background-color:#cecece;border-radius:12px;box-shadow:0 5px 15px #00000059;display:flex;height:50%;width:60%}.modalBackground .modalContainer .left{align-items:center;display:flex;flex:.5 1;justify-content:center;overflow:hidden}@media(max-width:900px){.modalBackground .modalContainer .left{display:none}}.modalBackground .modalContainer .left img{border-radius:12px;min-height:100%;min-width:100%;object-fit:cover}.modalBackground .modalContainer .right{display:flex;flex:.5 1;flex-direction:column;padding:25px}@media(max-width:900px){.modalBackground .modalContainer .right{flex:1 1;padding:5px}}.modalBackground .modalContainer .right .titleCloseBtn{display:flex;justify-content:flex-end;overflow:hidden}.modalBackground .modalContainer .right .titleCloseBtn button{background-color:#0000;border:none;cursor:pointer;font-size:25px}.modalBackground .modalContainer .right .title{display:inline-block;overflow:hidden;text-align:center}.modalBackground .modalContainer .right .title h1{font-size:40px}@media(max-width:900px){.modalBackground .modalContainer .right .title h1{font-size:20px;margin-top:0}}.modalBackground .modalContainer .right .body{align-items:center;display:flex;flex:50% 1;font-size:1.7rem;font-size:20px;justify-content:center;text-align:center}@media(max-width:900px){.modalBackground .modalContainer .right .body{font-size:15px}}.modalBackground .modalContainer .right .footer{align-items:center;display:flex;flex:20% 1;justify-content:center}.modalBackground .modalContainer .right .footer #toCodeBtn{background:#3d3d3d;border:0;border-radius:999px;box-shadow:0 10px 20px -10px #da8404;box-sizing:border-box;color:#da8404;cursor:pointer;font-size:20px;font-weight:700;line-height:24px;opacity:1;outline:0 solid #0000;padding:8px 18px;width:-webkit-fit-content;width:fit-content}@media(max-width:900px){.modalBackground .modalContainer .right .footer #toCodeBtn{font-size:15px;padding:5px 10px}}.modalBackground .modalContainer .right .footer #toCodeBtn:hover{border:1px solid}.contact{align-items:center;background:linear-gradient(rgba(0,0,0,.527),#00000080),url(/Portfolio-2025/static/media/contact-background.c4ef0e201470939c31ae.jpg) no-repeat;background-position:50%;background-size:cover;display:flex;flex-direction:column;opacity:.8}.contact h1{color:#da8404;font-size:60px;margin-top:20px;overflow:hidden}@media(max-width:900px){.contact h1{font-size:30px;margin-top:10px}}.contact .linksContainer{color:#fff;cursor:pointer;display:flex;justify-content:space-between;margin-top:10px;padding:5px;width:60%}@media(max-width:900px){.contact .linksContainer{flex-wrap:wrap;margin-top:0;width:95%}}.contact .linksContainer span a{color:#fff;text-decoration:none}@media(max-width:900px){.contact .linksContainer span a{font-size:10px}}.contact .linksContainer span a:hover,.contact .linksContainer span:hover{color:#c5b8a9;text-decoration:underline}.contact .formContainer{align-items:center;border:2px solid #fff;border-radius:16px;display:flex;height:70%;justify-content:center;margin-top:30px;max-width:1000px;width:80%}@media(max-width:900px){.contact .formContainer{height:80%;margin-top:5px}}.contact .formContainer form{align-items:center;display:flex;flex-direction:column;width:90%}.contact .formContainer form input,.contact .formContainer form textarea{background:#00000080;border:2px solid #fff;color:#fff;font-size:20px;font-weight:700;margin-bottom:30px;outline:0;padding:10px;width:90%}@media(max-width:900px){.contact .formContainer form input,.contact .formContainer form textarea{font-size:15px;margin-bottom:10px}}.contact .formContainer form input:-webkit-autofill,.contact .formContainer form input:-webkit-autofill:focus,.contact .formContainer form input:-webkit-autofill:hover,.contact .formContainer form textarea:-webkit-autofill,.contact .formContainer form textarea:-webkit-autofill:focus,.contact .formContainer form textarea:-webkit-autofill:hover{-webkit-text-fill-color:#fff;border:2px solid #fff;-webkit-box-shadow:inset 0 0 0 0 #00000080;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.contact .formContainer form button{background:#00000080;border:2px solid #fff;color:#fff;cursor:pointer;font-size:20px;padding:10px 0;width:90%}@media(max-width:900px){.contact .formContainer form button{font-size:15px}}.confBackground{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;position:fixed;top:0;width:100vw;z-index:3}.confBackground .confContainer{animation:popup .5s linear;background-color:#cecece;border-radius:12px;box-shadow:0 5px 15px #00000059;display:flex;flex-direction:column;height:200px;width:300px}@keyframes popup{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.confBackground .confContainer .topCloseBtn{display:flex;justify-content:flex-end}.confBackground .confContainer .topCloseBtn button{background-color:#0000;border:none;cursor:pointer;font-size:25px}.confBackground .confContainer .confTitle{display:inline-block;margin-top:0;overflow:hidden;text-align:center}.confBackground .confContainer .confTitle h1{font-size:25px;margin-top:0}.confBackground .confContainer .confBody{align-items:center;display:flex;font-size:1.7rem;font-size:15px;justify-content:center;margin-top:20px;text-align:center}.confBackground .confContainer .confFooter{align-items:center;display:flex;flex:20% 1;justify-content:center}.confBackground .confContainer .confFooter #confCloseBtn{background:#3d3d3d;border:0;border-radius:999px;box-shadow:0 10px 20px -10px #da8404;box-sizing:border-box;color:#da8404;cursor:pointer;font-size:20px;font-weight:700;line-height:24px;opacity:1;outline:0 solid #0000;padding:8px 18px;width:-webkit-fit-content;width:fit-content}.confBackground .confContainer .confFooter #confCloseBtn:hover{border:1px solid}.menu{align-items:center;background-color:#3d3d3d;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-250px;top:0;transition:all 1s ease;width:250px;z-index:2}.menu.active{right:0}.menu ul{color:#fff;font-size:25px;font-weight:300;list-style:none;margin:0;padding:0;width:60%}.menu ul li{margin-bottom:25px}.menu ul li a{color:inherit;font-size:inherit;text-decoration:none}.menu ul li:hover{font-weight:500}.app{height:100vh}.app .sections{height:calc(100vh - 70px);position:relative;scroll-behavior:smooth;scroll-snap-type:y proximity;scrollbar-width:none;top:70px;width:100%}.app .sections::-webkit-scrollbar{display:none}@media(max-width:900px){.app .sections{scroll-snap-type:none}}.app .sections>*{height:calc(100vh - 70px);scroll-snap-align:start;width:100vw}
/*# sourceMappingURL=main.e3366c3d.css.map*/