@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Babylonica";*{box-sizing:border-box}body{font-family:Open Sans,Verdana,sans-serif;padding:90px 0 0;margin:0;font-optical-sizing:auto;font-variation-settings:"wdth" 100}h1,h2,h3,h4{margin-top:0}a{color:#000;text-decoration:none}ul{list-style:none;margin:0;padding:0}header{width:100%;position:fixed;top:0;left:0;background:#fff;padding:0 1.5rem;z-index:100;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;height:90px}.logo{text-transform:uppercase;font-weight:500;letter-spacing:2px;line-height:3rem}.logo span{font-size:1.8rem;font-family:Babylonica,cursive;margin-right:1rem;width:3rem;height:3rem;background:#000;color:#fff;border-radius:50%;text-align:center;display:inline-block}.toggle-button{width:2rem}.toggle-button span{height:2px;background:#000;display:block;margin:.5rem 0}.main-nav{display:none}.main-nav ul{margin:0;padding:0;list-style:none}.main-nav li{display:inline-block;margin:0 1rem}.main-nav a{text-transform:uppercase;transition:.3s ease-in;position:relative;padding:.5rem 0;font-size:.9rem;letter-spacing:1px;font-weight:500}.main-nav a.router-link-active{font-weight:500}.main-nav a:after{content:"";height:.1rem;background:#000;width:100%;display:block;transform:scaleX(0);-webkit-transform:scaleX(0);transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;position:absolute;bottom:0}.main-nav li:hover a:after,.main-nav li a.router-link-active:after{transform:scaleX(1);-webkit-transform:scaleX(1)}.mobile-nav{transform:translate(100%);position:fixed;z-index:101;top:0;right:0;background:white;width:100%;height:100vh;transition:transform .3s ease-out}.mobile-nav ul{height:100%;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.mobile-nav a{font-size:1.1rem;color:#000;text-transform:uppercase;display:block;line-height:2rem;font-weight:500;margin:1rem;letter-spacing:1px}.mobile-nav a:hover{text-decoration:none}.mobile-nav a:active,.mobile-nav a.router-link-active{border-bottom:2px solid #000}.open{display:block!important;opacity:1!important;transform:translateY(0)!important}.close{position:absolute;right:0;font-size:2.5rem;color:#000;padding:1rem 1.8rem;cursor:pointer}.portfolio-gallery{display:flex;flex-wrap:wrap}.portfolio-gallery>li{flex:auto;position:relative}.portfolio-gallery li img{object-fit:cover;width:100%;height:100%;vertical-align:middle}.overlay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.6);top:0;left:0;opacity:0;transition:all .5s ease-in-out;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.8}.portfolio-gallery li:hover .overlay{opacity:1}.overlay span:first-child{font-size:1.5rem;font-weight:700}.project-description b{display:block;text-transform:uppercase;letter-spacing:1px;font-size:.8rem;padding:1.3rem 0 .2rem}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}.project-description .nav-icons{display:flex;gap:2rem;margin-top:3rem;position:fixed;bottom:0;left:0;right:0;background:#fff;justify-content:center;z-index:1}.project-description .nav-icons a{padding:1rem}.project-description .nav-icons a:hover{color:#666}.project-description .nav-icons .disabled{color:#ccc;cursor:default;padding:1rem}.project-wrapper,.wrapper{display:flex;flex-wrap:wrap;flex-direction:column;padding:1.5rem;text-align:center;justify-content:center;line-height:1.6}.project-wrapper{margin-bottom:3rem}.project-gallery{text-align:center}.project-gallery img{max-width:100%;margin-top:1.5rem;border:1px solid #e6e6e6;box-shadow:0 0 6px #e6e6e6}.project-gallery img.no-shadow{border:none;box-shadow:none}.profile-text{margin:1rem auto;max-width:500px;text-align:center;line-height:1.8}.profile-text a{font-weight:700}.profile-text a:hover{text-decoration:underline}.profile-image{max-width:400px;margin:0 auto}.profile-image img{width:100%}.contact-icon{width:2rem;height:2rem;display:inline-block;vertical-align:middle;margin-left:10px}.loader-wrapper{position:relative}.loader{display:inline-block;background:url(/assets/fitbrry-loader-a4c755f8.svg);background-repeat:no-repeat;background-position:center bottom;width:100%;height:400px;-webkit-animation:move 2s linear infinite;animation:move 2s linear infinite;position:relative}.link{display:block}.tools{border-top:1px solid #000;border-bottom:1px solid #000;padding:.5rem 1rem;font-size:.8rem;margin-top:1.5rem}.text-footer{display:flex;flex-direction:column;margin-top:.5rem;font-size:.8rem}@keyframes move{0%{top:0}50%{top:-100px}to{top:0}}@media (min-width: 600px){.toggle-button{display:none}.main-nav{display:flex}.portfolio-gallery>li{width:50%}}@media (min-width: 1200px){.project-wrapper,.wrapper{max-width:1200px;margin:0 auto;padding-top:4rem;padding-bottom:2rem;flex-direction:row;text-align:left;gap:3%}.wrapper{gap:5%}.profile-image img{margin:1rem 0}.profile-text{width:70%;max-width:none;margin:0;text-align:left}.profile-image{width:25%}.project-gallery{width:70%}.project-description{width:27%;order:2}.project-description .nav-icons{bottom:2rem;left:auto;right:auto;gap:3rem}.project-description .nav-icons a,.project-description .nav-icons .disabled{padding:0}.portfolio-gallery>li{width:25%}.text-footer{flex-direction:row;justify-content:space-between;align-items:baseline;margin-top:.1rem}}
