body{background-color:#121212;color:#fff;font-family:JetBrains Mono,monospace;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}.container{align-items:center;position:relative}.container,.dynamic-background{display:flex;height:100vh;justify-content:center;width:100%}.dynamic-background{animation:gradientAnimation 15s ease infinite;background:linear-gradient(45deg,#ff7300,#f0e130,#30e130,#30e1cf,#3013e1,#cf13e1,#e13030,#e1cf30,#e130cf,#cf30e1,#30e1cf,#30e130);background-size:300% 300%;flex-direction:column;height:100%;position:absolute;text-align:center}@media (prefers-reduced-motion){.dynamic-background{animation:none;background:linear-gradient(45deg,#ff7300,#f0e130,#30e130,#30e1cf,#3013e1,#cf13e1,#e13030,#e1cf30,#e130cf,#cf30e1,#30e1cf,#30e130);background-size:300% 300%;display:flex;flex-direction:column;height:100vh;height:100%;justify-content:center;position:absolute;text-align:center;width:100%}}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.content{margin-top:-10%;overflow-y:auto;padding-bottom:10%;padding-top:10%;text-align:center;z-index:1}.navigation{margin-top:40px}.navigation a{background:rgba(0,0,0,.2);border-radius:5px;color:#fff;font-size:1em;padding:10px 20px;text-decoration:none;transition:background .3s}.navigation a:hover{background:rgba(0,0,0,.4)}.Icons{bottom:20px;left:50%;position:absolute;transform:translateX(-50%);z-index:1}.Icon{display:flex;justify-content:center}.subtext{font-size:2.5vh;margin-left:2%;margin-right:2%}.title{font-size:6vh}@media screen and (orientation:portrait){.Icons{padding-bottom:80px}.subtext{font-size:4vw}.title{font-size:9vw}.content{padding-bottom:30%;padding-top:10%}}.Icon a{margin:0 10px}.github-icon,.linkedin-icon{filter:invert(100%)}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:40px auto;max-width:1200px;perspective:1000px;width:80%}.project-card{background-color:transparent;border-radius:10px;height:250px;perspective:1000px;width:100%}.project-card-content{border-radius:10px;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s;width:100%}.project-card:focus-within .project-card-content,.project-card:hover .project-card-content{transform:rotateY(180deg)}.project-card-back,.project-card-front{align-items:center;backdrop-filter:blur(5px);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:rgba(0,0,0,.3);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.2);box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;position:absolute;text-align:center;width:100%}.project-card-back{justify-content:space-around;transform:rotateY(180deg)}.project-title{color:#fff;font-size:1.5em;margin:0}.project-description{color:hsla(0,0%,100%,.8);font-size:1em}.project-card-back h4{font-size:1.2em;margin:0}.project-card-back ul{font-size:.9em;list-style:none;margin:10px 0;padding:0}.project-link{border:1px solid #38bdf8;border-radius:5px;color:#38bdf8;font-weight:700;padding:8px 16px;text-decoration:none;transition:background-color .3s,color .3s}.project-link:hover{background-color:#38bdf8;color:#fff}