@font-face{font-family:Dela Gothic One;src:url(/assets/DelaGothicOne-Regular-BbMquUHM.ttf)}:root{--yellow-100: #ffd755;--black-100: #000}body,html{margin:0;padding:0;height:100%;scroll-behavior:smooth;font-family:Dela Gothic One}::-webkit-scrollbar{display:none}.container{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory}section{height:100vh;scroll-snap-align:start;display:flex;align-items:center}header{width:100%;position:fixed;top:10px;display:flex;justify-content:center}.navbar .desktop-nav ul{display:flex;gap:1em;list-style:none}.navbar .desktop-nav ul li a{text-decoration:none}.hero__section{background-color:var(--yellow-100);color:var(--black-100)}.about__section{background-color:var(--black-100);color:var(--yellow-100)}.projects__section{background-color:var(--yellow-100);color:var(--black-100)}.contact__section{background-color:var(--black-100);color:var(--yellow-100)}footer{width:100%;position:fixed;bottom:5px;display:flex;justify-content:space-between}footer .copywrite{display:flex;gap:10px;font-size:12px}footer .socials{margin:20px;padding:5px;width:30px;background-color:var(--yellow-100);border-radius:5px;display:flex;flex-direction:column;gap:4px}footer .socials img{width:30px;height:30px}.projects__section{padding-top:100px;display:flex;flex-direction:column}.project_cards{display:flex}.projects__section .project_card{margin:12px;padding:6px;max-width:280px;height:380px;background-color:#000;color:#fff;border-radius:12px;z-index:2;position:relative}.project_card img{width:100%;height:100%;object-fit:cover;border-radius:10px 10px 0 0}.project_card p{padding:0 2;font-size:x-small}.project_buttons{width:calc(100% - 12px);height:30px;display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:8px}.project_buttons .project_link_icon{width:30px;height:100%;border-radius:5px;background-color:#ffd755;display:flex;align-items:center;justify-content:center}.project_buttons .project_link_text{height:100%;background-color:#ffd755;border-radius:5px;display:flex;align-items:center;padding:0 10px}.project_link_text a{text-decoration:none;height:auto;color:#000}.project_card img{width:100%;height:100%}