*{box-sizing:border-box;cursor:nw-resize;margin:0 0 0 .1rem;padding:0;font-family:Times New Roman,Times,serif}.animate{animation:1s forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page{opacity:1;overflow:visible;transform:translate(0)}.spacer{height:10vh}.spacer1{height:100vh}.spacer2{height:50vh}.TE{color:#181818;cursor:pointer;visibility:visible;font-size:2.5rem}.moving-words{width:auto;display:flex;overflow:hidden}.word{color:#181818;cursor:pointer;align-items:center;padding-inline:10px;font-size:2rem;display:inline-flex}.links{justify-content:center;align-items:center;height:100%;margin-left:8rem;padding-inline:4rem}.links a{text-decoration:none}@media (width<=900px){.links{width:100%;margin-left:-4rem;position:relative}}.info{color:#181818;justify-content:center;align-items:center;margin-top:10px;margin-left:.5rem;font-size:1.5rem;display:flex;position:absolute;top:4rem}@media (width<=900px){.info{max-width:95%;margin-top:8rem}}.TE:hover,.word:hover{color:red;transition:color .1s}.links i{color:#181818;text-align:center;font-size:.5rem;line-height:1;position:relative;bottom:.3rem}.course:hover,.job:hover{color:red;transition:color .1s}a:hover{color:#00f;cursor:pointer;transition:color .1s}p:hover{color:red;transition:color .1s}a{background-color:none;color:#181818;text-decoration:underline}h3,h2{font-weight:lighter}.navbar{justify-content:center;align-items:center;width:100%}.container{justify-content:space-between;gap:2rem;margin-top:10%;display:flex}.experience,.education{flex:1}h2{margin-bottom:1rem;font-size:2rem}.job,.course{margin-bottom:2rem}.logo{width:50px;height:50px;margin-bottom:1rem}h3{margin:.5rem 0;font-size:1.2rem}p{margin-bottom:.5rem;font-size:1rem}.skills{margin-inline-start:0;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:1rem;width:100%;margin-top:2rem;margin-bottom:2rem;padding-inline:2rem;display:flex}i{color:#181818;font-size:3rem}.skills:hover i{color:red;transition:color .3s}.about-me p{color:#181818;border:1.5px solid #181818;justify-self:center;width:55%;margin:5%;padding:1%;font-size:1.5rem;line-height:1.5;display:flex;box-shadow:0 4px 10px #0003}.about-me:hover{color:red;transition:color .3s}.about-me:hover h2{color:#000!important}.projects{background:radial-gradient(circle,#c00 0%,#d40000d9 30%,#ffffffd9 50%) 50%;grid-template-columns:repeat(2,1fr);justify-self:center;gap:4rem;display:grid}.projects h3{color:#181818;margin-bottom:2rem;font-size:2.5rem;font-weight:300}.project{text-align:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background-color:#f1feff33;border:1.5px solid #000;flex-direction:column;max-width:28rem;min-height:33rem;padding:1.5rem;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 15px #00000026}.project:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000040}.project-image{object-fit:cover;object-position:center;width:100%;height:16rem;margin-bottom:1rem}.project h3{color:#181818;border-bottom:1px solid #00000080;margin-bottom:.8rem;padding-bottom:.5rem;font-size:1.8rem;font-weight:400}.project p{color:#444;margin-bottom:1rem;padding:0 1rem;font-size:1rem}.project a{color:#000;border-style:solid;border-color:#3c3c3c;align-self:center;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s ease-in-out;display:inline-block;position:relative}.project a:hover{background-color:#c8c8c850}.project-unavailable{color:#8a8a8a;cursor:default;border:1px solid #d0d0d0;align-self:center;padding:.5rem 1rem;font-style:italic;display:inline-block}
