@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@font-face{font-family:Dimitri;src:url(/assets/dimitri-DwaEo7Q4.TTF)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--red:#ff3030;--bg-white:#f8f8f8;--yellow:#ffd42a;--bg-sections:lightgray}body{background-color:var(--bg-white);scrollbar-width:none;flex-direction:column;align-items:center;margin:0;font-family:Roboto;display:flex;overflow-x:hidden}body a{color:#000;text-decoration:none}#root{flex-direction:column;align-items:center;width:100vw;display:flex;overflow-x:hidden}.NavBar{background-color:var(--red);border-radius:0 0 60px 60px;flex-direction:row;justify-content:space-between;align-items:center;width:calc(100vw - 120px);height:100px;padding:0 60px;display:flex}.NavBar img{display:none}.NavBar .navbar-p{cursor:default;font-family:Dimitri;font-size:7vh}.NavBar .navbar-links{color:#000;flex-direction:row;justify-content:space-around;align-items:center;gap:35px;font-family:Dimitri;font-size:4.3vh;text-decoration:none;display:flex}.NavBar .navbar-links a{color:#000;cursor:pointer;transition:all .3s}.NavBar .navbar-links a:hover{color:var(--yellow)}.page{scrollbar-width:none;flex-direction:column;align-items:center;display:flex}.page h1{text-align:center;margin:16vh 0 0;font-family:Dimitri;font-size:13vh}.page .cover{flex-direction:column;align-items:center;height:calc(100vh - 100px);display:flex}.page .cover h2{margin-bottom:0;font-family:Dimitri;font-size:9vh}@keyframes arrowAnimation{0%{transform:translateY(0)rotate(-90deg)}20%{transform:translateY(30px)rotate(-90deg)}to{transform:translateY(0)rotate(-90deg)}}.page .cover .arrow-icon{width:12vh;animation:2.5s infinite arrowAnimation;transform:rotate(-90deg)}.page p{text-align:center;justify-self:center;width:70%;margin:0;font-size:3.5vh}.page .exp-proj{flex-direction:column;align-items:center;width:100vw;display:flex}.page .skills-bento{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:10px;width:80%;display:grid}.page .skills-bento div{background-color:var(--bg-sections);border-radius:15px;flex-direction:column;justify-content:start;align-items:center;display:flex}.page .skills-bento div h2{justify-self:start;font-family:Dimitri}.page .skills-bento .bento-logos{flex-direction:row;justify-content:space-evenly;align-items:center;width:100%;display:flex}.page .skills-bento .bento-logos .logo-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.page .skills-bento .bento-logos .logo-container p{text-align:center;width:100%;font-size:20px;transition:all .3s}.page .skills-bento .bento-logos img{border-radius:5px;height:80px;transition:all .3s}@keyframes wiggle{0%{transform:rotate(10deg)scale(1.2)}50%{transform:rotate(-10deg)scale(1.2)}to{transform:rotate(10deg)scale(1.2)}}.page .skills-bento .bento-logos img:hover{filter:drop-shadow(7px 7px 5px #000000b3);transition:all .1s;animation:.3s infinite wiggle}.page .skills-bento .bento-logos img:hover+p{opacity:0}.page .skills-bento .bento-box{height:180px}.page .skills-bento .bento-h{grid-area:2/1/auto/3}.page .skills-bento .bento-v1{grid-area:1/1}.page .skills-bento .bento-v2{grid-area:1/2}.page .info-buttons{margin:20px}.Footer{background-color:var(--red);border-radius:60px 60px 0 0;flex-direction:row;justify-content:space-between;align-items:center;width:calc(100vw - 200px);height:50vh;margin-top:20px;padding:0 100px;display:flex;position:relative;bottom:0}.Footer .footer-logo{flex-direction:column;justify-content:center;height:100%;display:flex}.Footer .footer-logo h1{margin:0;font-family:Dimitri;font-size:80px}.Footer .Links{flex-direction:column;justify-content:center;align-items:end;gap:15px;height:100%;display:flex}.Footer .Links h2{margin:0;font-family:Dimitri;font-size:30px}.Footer .Links a{color:#000;margin:0;text-decoration:none;transition:all .3s}.Footer .Links a:hover{color:var(--yellow)}button{background-color:var(--yellow);border:none;border-radius:10px;margin:10px;padding:10px;font-family:Dimitri;font-size:25px;transition:all .5s;box-shadow:10px 10px #000}button:hover{cursor:pointer;transform:translate(-3px,-3px);box-shadow:16px 16px #000}button:hover:disabled{cursor:progress;transform:translate(0);box-shadow:10px 10px #000}button:disabled{background-color:var(--disabled-yellow)}.Band{background-color:var(--bg-sections);flex-direction:column;align-items:center;width:80%;margin:10px 0;padding:20px;display:flex;-webkit-mask-image:linear-gradient(90deg,#0000 5%,#000 20% 80%,#0000 95%);mask-image:linear-gradient(90deg,#0000 5%,#000 20% 80%,#0000 95%)}.Band h3{text-align:center;margin-bottom:0;font-family:Dimitri;font-size:5.7vh}.Band .band-images{will-change:transform;align-items:center;gap:20px;width:100%;height:200px;margin:15px 0;padding:0 10px;animation:10s linear infinite scrolling;display:flex}.Band .band-images:hover{animation-play-state:paused}@keyframes scrolling{0%{transform:translate(0)}to{transform:translate(-100%)}}.Band .band-images img{border-radius:15px;height:200px;transition:all .2s}.Band .band-images img:hover{cursor:pointer;transform:scale(.9);box-shadow:0 0 10px 5px #00000080}.band-fulsscreen{z-index:10;cursor:pointer;background-color:#000000b3;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0}.band-fulsscreen img{border-radius:20px;max-width:70vw;max-height:80vh}@media (orientation:portrait){.NavBar{--NavBar-padding:7vw;padding:0 var(--NavBar-padding);width:calc(100vw - var(--NavBar-padding) * 2);border-radius:0 0 40px 40px;height:10vh;position:absolute;left:0}.NavBar img{height:5vh;display:inline}.NavBar .navbar-p{cursor:default;font-size:8vw}.NavBar .navbar-links{display:none}.navbar-menu-cover{--NavBar-padding:7vw;z-index:10;background-color:#000000b3;flex-direction:column;justify-content:center;align-items:end;width:100vw;height:100dvh;display:flex;position:fixed;top:0}.navbar-menu-cover.closed{opacity:0;transition-behavior:allow-discrete;transition:opacity .3s,display .5s;display:none}.navbar-menu-cover.visible{animation:.3s black-backdrop}@keyframes black-backdrop{0%{opacity:0}to{opacity:1}}.navbar-menu-cover .navbar-menu{height:calc(100dvh - var(--NavBar-padding) * 2);width:calc(60vw - var(--NavBar-padding) * 2);background-color:var(--red);padding:var(--NavBar-padding);flex-direction:column;align-items:end;display:flex}.navbar-menu-cover .navbar-menu.closed{transition-behavior:allow-discrete;transition:transform .3s,display .5s;display:none;transform:translate(100%)}.navbar-menu-cover .navbar-menu.visible{animation:.3s slide-menu}@keyframes slide-menu{0%{display:none;transform:translate(100%)}1%{display:inline}to{display:inline;transform:translate(0)}}.navbar-menu-cover .navbar-menu .close-icon{width:4vh;margin-bottom:30px}.navbar-menu-cover .navbar-menu .navbar-menu-links{flex-direction:column;gap:30px;display:flex}.navbar-menu-cover .navbar-menu .navbar-menu-links a{font-family:Dimitri;font-size:8vw}.page h1{text-align:center;width:100vw;margin:8vh 0 0;font-family:Dimitri;font-size:10vw}.page .cover{flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 100px);display:flex}.page .cover h2{margin-bottom:0;font-family:Dimitri;font-size:9vw}@keyframes arrowAnimation{0%{transform:translateY(0)rotate(-90deg)}20%{transform:translateY(30px)rotate(-90deg)}to{transform:translateY(0)rotate(-90deg)}}.page .cover .arrow-icon{width:18vw;animation:2.5s infinite arrowAnimation;transform:rotate(-90deg)}.page p{text-align:center;justify-self:center;width:80vw;margin:0;font-size:4vw}.page .exp-proj{flex-direction:column;align-items:center;width:100vw;display:flex}.page .skills-bento{grid-template-rows:repeat(3,140px) 250px;grid-template-columns:repeat(2,1fr);justify-content:start;gap:10px;width:90vw;display:grid}.page .skills-bento .bento-box{background-color:var(--bg-sections);border-radius:15px;flex-direction:column;justify-content:start;align-items:center;display:flex}.page .skills-bento .bento-box h2{text-align:center;justify-self:center;width:100%;font-family:Dimitri}.page .skills-bento .bento-box .bento-logos{flex-direction:row;justify-content:space-evenly;align-items:center;gap:5px;width:100%;display:flex}.page .skills-bento .bento-box .bento-logos .logo-container{flex-direction:column;justify-content:center;align-items:center;margin-bottom:15px;display:flex}.page .skills-bento .bento-box .bento-logos .logo-container p{text-align:center;width:100%;font-size:20px;transition:all .3s}.page .skills-bento .bento-box .bento-logos .logo-container img{border-radius:5px;height:50px;transition:all .3s}@keyframes wiggle{0%{transform:rotate(10deg)scale(1.2)}50%{transform:rotate(-10deg)scale(1.2)}to{transform:rotate(10deg)scale(1.2)}}.page .skills-bento .bento-box .bento-logos .logo-container img:hover{filter:drop-shadow(7px 7px 5px #000000b3);transition:all .1s;animation:.3s infinite wiggle}.page .skills-bento .bento-box .bento-logos .logo-container img:hover+p{opacity:0}.page .skills-bento .bento-h{flex-flow:wrap;grid-area:4/1/auto/span 2;align-items:center;display:flex}.page .skills-bento .bento-h .bento-logos{flex-flow:wrap;justify-content:center;align-items:center;display:flex}.page .skills-bento .bento-v{grid-row:1/span 3}.page .skills-bento .bento-v .bento-logos{flex-direction:column}.page .skills-bento .bento-v1{grid-column:1}.page .skills-bento .bento-v2{grid-column:2}.page .info-buttons{flex-flow:wrap;justify-content:center;align-items:center;margin:20px;display:flex}.Footer{--NavBar-padding:7vw;width:calc(100vw - var(--NavBar-padding) * 2);height:30vh;padding:0 var(--NavBar-padding);border-radius:40px 40px 0 0;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-top:20px;display:flex;position:relative;bottom:0}.Footer .footer-logo{flex-direction:column;justify-content:center;height:auto;display:flex}.Footer .footer-logo h1{margin:0;font-family:Dimitri;font-size:8vw}.Footer .Links{flex-direction:column;justify-content:center;align-items:center;gap:5px;height:auto;display:flex}.Footer .Links h2{margin:0;font-family:Dimitri;font-size:4vw}.Footer .Links a{color:#000;margin:0;text-decoration:none;transition:all .3s}.Footer .Links a:hover{color:var(--yellow)}button{background-color:var(--yellow);border:none;border-radius:10px;margin:10px;padding:10px;font-family:Dimitri;font-size:5vw;transition:all .5s;box-shadow:10px 10px #000}button:hover{cursor:pointer;transform:translate(-3px,-3px);box-shadow:16px 16px #000}button:hover:disabled{cursor:progress;transform:translate(0);box-shadow:10px 10px #000}button:disabled{background-color:var(--disabled-yellow)}.Band{background-color:var(--bg-sections);border-radius:15px;flex-direction:column;align-items:center;width:80%;margin:10px 0;padding:20px;display:flex;overflow-x:hidden;-webkit-mask-image:none;mask-image:none}.Band h3{text-align:center;margin-bottom:0;font-family:Dimitri;font-size:5.7vh}.Band .band-images{will-change:transform;align-items:center;gap:20px;width:100%;height:200px;margin:15px 0;padding:0 10px;animation:10s linear infinite scrolling;display:flex}.Band .band-images:hover{animation-play-state:paused}@keyframes scrolling{0%{transform:translate(0)}to{transform:translate(-100%)}}.Band .band-images img{border-radius:15px;height:200px;transition:all .2s}.Band .band-images img:hover{cursor:pointer;transform:scale(.9);box-shadow:0 0 10px 5px #00000080}.band-fulsscreen{z-index:10;cursor:pointer;background-color:#000000b3;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;top:0}.band-fulsscreen img{border-radius:20px;max-width:90vw;max-height:80vh}}.hidden{display:none}