#about{background-color:var(--teal);padding-top:20px;padding-bottom:20px;border-radius:10px 10px 0 0;color:#fff}#about-info{display:flex;justify-content:center;align-items:center;font-size:max(2vw,16px);line-height:max(30px,3vw);gap:30px;margin:30px}@media screen and (max-width:750px){#about-info p{margin:0;padding:0 10px}}#project-info{padding-bottom:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));max-width:100vw;justify-items:center;grid-row-gap:15px;row-gap:15px}.project-card{display:flex;width:min(500px,80%);height:min(320px,50vw);background-position:50% 50%;justify-content:center;align-items:center;position:relative;border-radius:20px;background-color:#f8f6f0;transition:background-color 1s,box-shadow 1s}.project-card:hover{background-color:#a2cdcd;box-shadow:10px 10px 0 #e6eff1}.project-card-info{background-color:#fff;border-radius:50%;width:min(280px,50vw);height:min(280px,50vw);text-align:center;display:flex;justify-content:center;align-items:center}.project-card-info h3{width:95%;font-family:Gravitas;font-size:max(1.5vw,15px);word-wrap:break-word}.card-darkener{width:100%;height:100%;transition:background-color .5s ease;position:absolute}@media screen and (max-width:500px){.project-card{width:100%;height:100%}#project-info{display:flex;flex-direction:column}}#resume{background-image:url(/_next/static/media/desk_background.a0233657.jpg);background-position:50%}#resume-info{align-items:center;column-gap:20px;background-color:rgba(0,0,0,.5)}#resume a,#resume-info{display:flex;justify-content:center}#resume a{width:15%;height:max(30px,4vw);border-radius:2vw;border:0;background-color:var(--light-blue);color:#fff;font-size:max(28px,4vw);padding:0}#resume a:hover{background-color:var(--teal)}#resume h2{font-size:max(20px,2vw);font-family:RussoOne}@media screen and (max-width:750px){#resume-info{flex-direction:column;padding-bottom:30px}#resume button{width:40%}}#socials{display:flex;background-color:#fff;justify-content:center;align-items:center;font-size:50px}#socials a{text-decoration:none;color:#000;margin:20px}#socials a:hover{color:var(--muted-teal)}#title{position:relative;display:flex;flex-direction:column;justify-content:center;color:#fff;width:100vw;height:100vh;text-align:center}#title h1,#title p{font-size:max(4vw,30px);margin:0}#intro-text{font-family:VastShadow;background-color:hsla(0,0%,9%,.5)}#binary{font-family:Times New Roman,Times,serif;z-index:-1;color:var(--gray);text-align:start;position:absolute;word-break:break-all;height:100vh;max-height:100%;overflow:hidden}#binary p{font-size:max(5vw,50px,8vh);transition:color 5s linear}.binary-selected{animation:color-change 10s ease-in-out}@keyframes color-change{0%{color:var(--gray)}50%{color:var(--light-blue)}to{color:var(--gray)}}