@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}.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{width:160px}.NavBar .navbar-p{font-family:Dimitri;font-size:50px}.NavBar .navbar-links{color:#000;flex-direction:row;justify-content:space-around;align-items:center;gap:35px;font-family:Dimitri;font-size:30px;text-decoration:none;display:flex}.NavBar .navbar-links a{color:#000;cursor:pointer;transition:all .3s}.NavBar .navbar-links a:hover{color:var(--yellow);filter:drop-shadow(5px 5px #000)}.page{scrollbar-width:none;flex-direction:column;align-items:center;display:flex}.page h1{text-align:center;margin:90px 0 0;font-family:Dimitri;font-size:90px}.page p{text-align:center;justify-self:center;width:70%;margin:0;font-size:25px}.page .exp-proj{flex-direction:column;align-items:center;width:100vw;display:flex}.page .skills-bento{grid-template-columns:repeat(2,1fr);grid-template-rows: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 img{border-radius:5px;height:80px;transition:all .2s}.page .skills-bento .bento-logos img:hover{filter:drop-shadow(7px 7px 5px #000000b3);transform:scale(1.2)}.page .skills-bento .bento-box{height:180px}.page .skills-bento .bento-h{grid-area:2/1/auto/3;height:30vh}.page .skills-bento .bento-v1{grid-area:1/2}.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}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{margin-bottom:0;font-family:Dimitri;font-size:40px}.Band .band-images{justify-content:center;align-items:center;gap:15px;width:100%;height:200px;margin:15px 0;display:flex}.Band .band-images img{border-radius:15px;height:200px;transition:all .2s}.Band .band-images img:hover{transform:scale(1.1)}