:root{--background:#000;--heading:#fff;--body:#b58064;font-family:Open Sans,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--body)}a,h1,h2,h3,h4,h5,h6{color:var(--heading);letter-spacing:4px}a{text-decoration:none;transition:all .4s}a:hover{color:var(--body)}ul{list-style-type:none}main{scroll-behavior:smooth;height:calc(100vh - 260px)}section{min-height:100%}header{justify-content:space-around;align-items:center;height:180px;display:flex}header li{text-align:center}footer{place-items:center;height:80px;display:grid}main{overflow-y:auto}#change{background-color:var(--body);color:var(--heading);cursor:pointer;border:none;border-radius:8px;margin-top:100px;padding:10px 20px;font-size:20px;font-weight:600}.change-container{justify-content:center;align-items:center;display:flex}.aboutme{flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2rem;display:flex}.aboutme>img{object-fit:cover;cursor:pointer;border-radius:50%;width:250px;height:250px}.aboutme>.rotate{animation:5s infinite rotate}.aboutme>p{text-align:center;max-width:700px}.aboutme>ul{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.aboutme li{background-color:var(--body);color:var(--background);border-radius:1rem;padding:2px 8px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.education{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin:100px 0;display:flex}.experience{flex-direction:column;justify-content:center;align-items:center;gap:2rem;margin:100px 0;display:flex}.experience ul{flex-direction:column;gap:2rem;max-width:600px;padding:2rem;display:flex}.projects{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.projects>ul{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:400px;gap:2rem;padding:2rem;display:grid}.projects li{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.projects img{object-fit:cover;width:100%;height:150px}.projects a{background-color:var(--heading);color:var(--background);padding:2px 8px}