@keyframes h1{0%{opacity:1}to{opacity:0}}@keyframes pop-in{0%{position:relative;left:-100%}to{position:relative;left:0}}*{box-sizing:border-box;margin:0;padding:0;font-size:large}body{background-color:gray;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}header{color:#00f;text-align:center;background-color:#9c9c9c;margin-bottom:10px;padding:45px}header h1{font-size:3.2vw}.h1-anim{animation:1s ease-in pop-in,2s 1.5s h1;display:inline-block;position:relative}.container{flex-direction:column;justify-content:space-evenly;align-items:center;gap:20px;width:100%;height:auto;display:flex}.about-me,.projects{background-color:wheat;border:1px solid #000;border-radius:15%;flex-direction:column;justify-content:space-evenly;align-items:center;width:80%;height:280px;padding:20px;display:flex}.projects{height:400px}.name{margin-bottom:10px;font-family:Courier New,Courier,monospace;font-weight:700}.intro{width:90%;font-family:sans-serif;line-height:25px}.bold{font-weight:700}.project{font-family:Arial,Helvetica,sans-serif;text-decoration:underline}.image-projects a{display:inline-block}.image-projects img{cursor:pointer;width:90%;height:200px;margin-top:10px;transition:all .5s}.image-projects img:hover{transition:all .5s;scale:1.1}.image-projects{text-align:center;justify-content:space-evenly;align-items:center;width:90%;display:flex}footer{background-color:#9c9c9c;justify-content:space-evenly;align-items:center;width:100%;height:100px;margin-top:20px;display:flex}footer a{cursor:pointer;text-decoration:none}.github{color:#000;background-color:#fff;border:1px solid #fff;border-radius:50%;padding:10px;font-weight:700;transition:all .5s}.github:hover{color:#fff;background-color:#000;transition:all .5s}.linked{color:#fff;background-color:#0a66c2;border:1px solid #fff;border-radius:50%;padding:10px;transition:all .5s}.linked:hover{color:#0a66c2;background-color:#fff;transition:all .5s}@media (width<=1024px){.about-me,.projects{width:90%}}@media (width<=768px){.about-me,.projects{width:90%}.image-projects{flex-direction:column;gap:30px}.projects{overflow:scroll}}@media (width<=639px){*{font-size:2.8vw}}