:root{font-family:Satoshi,sans-serif;color:#fff;background:#303030;margin:0;padding:0;cursor:url(public/Pointer.cur),default}a{text-decoration:none!important;color:#eba832}.title{font-size:1.45rem;font-weight:1000}.arrow{width:30px;padding-top:.25vw}.arrow:hover,.highlight{color:#eba832}.homepage-container{display:flex;justify-content:center;align-items:center;margin-top:2vh}#homepage{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,1fr);grid-gap:1vh;grid-template-areas:"introduction" "tools" "projects" "status";max-width:70vw;height:90vh}#homepage>div{border-top:2px solid #535353;padding:.5vw 1vw 1vw;transition:width .35s ease-in-out,left .35s ease-in-out;height:min-content}#homepage>div:hover{border-top:2px solid #EBA832}.introduction-container{grid-area:introduction}.introduction{display:flex;justify-content:space-between;gap:10px}.introduction-welcome{font-size:3rem;color:#eba832;opacity:1;animation:welcomeAnimation 1s ease-in-out forwards;position:absolute;padding-bottom:20px}@keyframes welcomeAnimation{0%{font-size:5rem;margin-top:30vh;margin-left:22vw;opacity:1}15%{font-size:5rem;margin-top:30vh;margin-left:22vw;opacity:1}to{font-size:.8rem;opacity:1}}.introduction-text{font-size:1.1rem;padding-top:20px}.profile-picture{width:15vw;border-radius:5px}.contacts-links{display:flex;justify-content:end;gap:10px}.contacts-links * img{width:25px}.tools{grid-area:tools}.skills-list li,.about-extra{margin-top:-10px}.about-skills{margin-top:10px;margin-bottom:20px}.skills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;padding:20px}.skill{display:flex;align-items:center;justify-content:center;width:5vw;height:7vh;padding:10px;border-bottom:1px solid #EBA832;background-color:#535353cc}.skill img{width:50px;height:auto}.icon{width:100%;height:100%;transition:transform .3s ease}.label{position:absolute;opacity:0;background-color:#535353;border-bottom:2px solid #EBA832;padding:2px;border-radius:4px 4px 0 0;font-size:.9rem;white-space:nowrap;pointer-events:none;transition:opacity .2s ease;transform:translateY(20px)}.skill:hover .icon{transform:scale(1.1)}.skill:hover .label{opacity:1;transform:translateY(20px)}.certs{margin-top:15px}.certs img{width:8vw;height:auto}.projects{grid-area:projects}.projects-recent-list>li{font-size:.95rem}.status{display:flex;justify-content:space-between;flex-direction:column;grid-area:status}.status-description{padding:1vh 0;font-size:1rem}.status-description-two>li{font-size:.95rem}.status-title-two{font-size:1rem}ul{padding-left:1.1vw}li{padding-bottom:1vw;font-size:1rem}