@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-and-move-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body{background:linear-gradient(34deg,rgba(25,26,44,1) 30%,rgba(48,50,75,1) 80%,rgba(20,103,71,1) 95%);color:#fff;font-family:Gotham Rounded,verdana,sans-serif;transition:color .4s ease}p{white-space:pre-wrap}li{text-align:start}.lists{display:flex;flex-direction:row}.list{display:flex;flex-direction:column;align-items:center}.container{display:flex;flex-direction:column;align-items:center;margin:200px auto auto;animation:fade-in-and-move-up .8s ease}.dark-theme-btn{position:absolute;width:100px;height:100px;top:30px;right:35px;cursor:pointer;transition:.2s;animation:fade-in .3s ease}.main-title{text-shadow:0px 0px 20px rgb(0,0,0)}.subtitle{color:#5ffff7}.align-center{text-align:center}.main-links a,.nav-bar a{color:#fff;transition:.2s}.main-links a:hover,.nav-bar a:hover{color:#b8b8b8}.main-title-box,.about-me-box,.projects-column,.info-box{display:flex;flex-direction:column;text-align:center;margin-bottom:250px}.info-box,.about-me-box{width:100%}.main-title{font-size:55px}.nav-bar{display:flex;flex-direction:row;justify-content:space-evenly}.nav-bar a{font-size:18px;text-decoration:underline}.projects-column{text-align:start}.project-box{background-color:#191c1d;box-shadow:0 0 10px #545454;min-height:350px;padding:10px;border-radius:10px;margin-bottom:50px}.project-status,.project-date{font-size:12px;color:#657479}.project-images{display:flex;flex-direction:row}.project-image{width:100%;border-radius:10px;transition:.4s}.project-image:hover{transform:scale(1.1);cursor:pointer}.project-image:active{translate:-200px 0px;transform:scale(2.1);border-radius:0;animation-delay:.4s;cursor:zoom-in;z-index:1}.project-image-prev,.project-image-next{color:#fff;text-shadow:0px 0px 10px rgb(0,0,0);opacity:.5;transition:.3s;cursor:pointer;font-size:26px}.project-image-prev:hover,.project-image-next:hover{opacity:1}.project-image-prev{position:relative;left:5%;bottom:50%}.project-image-next{position:relative;left:90%;bottom:50%}.project-tags{display:flex;flex-direction:row;flex-wrap:wrap}.project-tag{background-color:#017e4e;padding:3px;border-radius:5px;margin-inline-end:4px;margin-top:5px}.main-links{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:35px;margin-bottom:35px}.main-links a{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:14px;text-decoration:none;transition:.2s}.main-links a i{font-size:34px}.main-links a:hover{scale:1.1}hr{width:100%;border:1px solid rgb(101,116,121);margin-top:10px}body.light{background:linear-gradient(34deg,rgba(218,218,230,1) 30%,rgba(184,189,255,1) 80%,rgba(112,255,200,1) 95%);color:#292929}.light .dark-theme-btn{top:20px;right:55px}.light .main-title{text-shadow:0px 0px 20px white}.light .project-box{background-color:#ebebeb;box-shadow:0 0 10px}.light .project-tag{background-color:#cb91ff}.light .main-links a,.light .nav-bar a{color:#292929}.light .main-links a:hover,.light .nav-bar a:hover{color:#444}.light .subtitle{color:#8a23d9}@media (max-width: 1920px){.container{width:65%}.about-text{width:65%;margin:auto}}@media (max-width: 1400px){.container,.about-text{width:100%}}