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