.image{position:relative;height:100vh;object-fit:cover;margin:0 0 .15rem}.floating-text{position:absolute;bottom:3rem;left:5rem;color:#fff}.floating-text>h1{margin:0;font-size:1.5rem}.floating-text>p{margin:0;font-size:.875rem}.project-details{padding-top:1.25rem;background-color:#1e1e1e}.project-details h3{font-size:.875rem}.project-details hr{font-size:.875rem;width:50%}.detail-section{display:flex;justify-content:space-between;padding:0 25vw}.redirect-section{display:flex;justify-content:space-around}.redirect-section a{text-decoration:none;color:#fff}.redirect-section a:hover{text-decoration:underline}@media (max-width:768px){.floating-text{position:absolute;bottom:1rem;left:1rem;color:#444}.floating-text>h1{font-size:1rem}.floating-text>p{font-size:.75rem}.image{height:70vw}.project-details hr{font-size:.875rem;width:80%}.detail-section{display:flex;justify-content:space-between;padding:0 10vw}.project-details h3{font-size:.6rem}}.header{position:fixed;left:5rem;top:1.5rem}.header img{max-width:14rem;object-fit:contain;height:auto}@media (max-width:768px){.header img{max-width:11rem}.header{top:1rem;left:1rem}}.navbar-container{align-items:center}.navbar,.navbar-container{display:flex;justify-content:flex-end;position:fixed}.navbar{width:20%;padding:1.5rem 0;top:0;right:0;bottom:0;flex-direction:column;background:linear-gradient(90deg,#01579b00,#01579b8d)}.toggle-button{background-color:#00000000;border-radius:1.5rem;color:#d8d8d8;border:none;cursor:pointer;float:right;position:fixed;top:2em;right:3em}.navbar-list{list-style-type:none;padding:0;text-align:right;line-height:1;font-family:Rubik,sans-serif;font-size:1rem}.navbar-item a{color:#fff;text-decoration:none;display:block;padding:1rem 3rem;transition:-webkit-text-decoration .3s ease;transition:text-decoration .3s ease;transition:text-decoration .3s ease,-webkit-text-decoration .3s ease}.navbar-item a:hover{text-decoration:underline;background-color:transparent}.navbar.fade-in{opacity:1;transition:opacity .3s}.navbar.fade-out{opacity:0;transition:opacity .3s;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.logo{width:2.5rem;object-fit:contain}@media (max-width:768px){.toggle-button{top:.5rem;right:.5rem}.logo{width:1.8rem;object-fit:contain}.navbar{width:50%}.navbar-item a{padding-right:1.5rem;font-size:.9rem}}