:root{--background-color-dark:#031926;--background-color-light:#f4e9cd;--text-main-color-dark:#2f6c75;--text-main-color-light:#0d2c7a;--text-secondary-color-dark:#f4e9cd;--text-secondary-color-light:#66a5ad;text-transform:uppercase;text-align:center;align-items:center;width:87.5%;padding-left:6.25%;padding-right:6.25%;font-family:Bebas Neue;font-size:1.3rem;font-weight:400}.main{margin-top:10vh}@media (prefers-color-scheme:light){:root{background-color:var(--background-color-light);color:var(--text-main-color-light)}.secondary-text{color:var(--text-secondary-color-light)}}@media (prefers-color-scheme:dark){:root{background-color:var(--background-color-dark);color:var(--text-main-color-dark)}.secondary-text{color:var(--text-secondary-color-dark)}}*{overflow-x:hidden}.hidden-left{opacity:0;filter:blur(5px);transition:all 1s;transform:translate(-100%)}.hidden-right{opacity:0;filter:blur(5px);transition:all 1s;transform:translate(100%)}.show{opacity:1;filter:blur();transform:translate(0%)}.gridItem:nth-child(3n+1){transition-delay:.1s}.gridItem:nth-child(3n+2){transition-delay:.2s}.gridItem:nth-child(3n+3){transition-delay:.3s}@media (prefers-reduced-motion:reduce){.hidden-left,.hidden-right{transition:none}}:root{--currentPage-color-dark:#fff;--currentPage-color-light:#000;--name-logo-color-light:#000;--name-logo-color-dark:#fff}.nav{height:fit-content;margin-bottom:1vh;display:inline-grid;position:fixed;left:1vw;overflow-y:hidden}.nav-logo{width:2.5vw;height:2.5vw;margin-right:.5vw}.diffrentPage{color:#468189}@media (prefers-color-scheme:light){.currentPage{color:var(--currentPage-color-light)}.name-logo{color:var(--name-logo-color-light)}}@media (prefers-color-scheme:dark){.currentPage{color:var(--currentPage-color-dark)}.name-logo{color:var(--name-logo-color-dark)}}#home{max-width:85%;margin-left:7.5%;margin-right:7.5%}.project{grid-template-columns:3.25fr 15fr;gap:2vw;height:fit-content;padding-bottom:3vh;display:grid}.project-img{aspect-ratio:21/16;border-radius:20px;grid-column:1;overflow:hidden;box-shadow:10px 15px 20px #234f56}.project-text{grid-column:2}.project-techs{grid-column:3}.project-techs>img{aspect-ratio:1;max-width:5vw;max-height:5vw}.github-project-link{aspect-ratio:1;text-align:left;max-width:4vw;max-height:4vw;display:flex;position:relative;left:2vw}.row-one{grid-row:1;margin-bottom:2%}.row-two{grid-row:2;margin-bottom:2%}.row-three{grid-row:3}.column-one{grid-column:1}.column-two{grid-column:2}.column-three{grid-column:3}.skill>p{margin-left:1%;margin-right:1%}@media (width>=769px){.skill{width:25vw}.skill-image{aspect-ratio:1;width:50px;height:50px}.skill-name{font-size:2.5rem}.skill-description{font-size:.825rem}}