:root{font-size:16px;font-family:"Open Sans";--text-primary:#b6b6b6;--text-secondary:#ececec;--bg-primary:#23232e;--bg-secondary:#141418;--transition-speed:600ms}body{background-color:#000;margin:0;padding:0}a,a:active,a:hover,a:visited,body{color:#fff}.item{list-style-type:none;vertical-align:top;display:inline-block;text-align:center;width:10rem}img{width:6rem;height:6rem;background-color:grey}.caption{display:block;color:#fff}.email{color:#fff;text-decoration:none!important}body::-webkit-scrollbar{width:.25rem}.page{margin-left:5rem;padding:1rem}ul{list-style-type:none}input{background-color:#23232e;color:#b6b6b6;border:none;width:100%;padding:1rem;margin:2rem 0;box-sizing:border-box}.footer{position:relative;padding-top:5rem;padding-left:16rem;bottom:1rem}main{margin-left:5rem;padding:1rem;margin-bottom:5rem}.navbar{position:fixed;background-color:#23232e;background-color:var(--bg-primary);-webkit-transition:width .6s ease;transition:width .6s ease}.navbar-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;height:100%}.nav-item,.nav-item-home,.nav-item-social{width:100%}.nav-item:last-child{margin-top:auto}.nav-link{display:flex;align-items:center;height:5rem;color:#b6b6b6;color:var(--text-primary);text-decoration:none;-webkit-filter:grayscale(100%) opacity(.7);filter:grayscale(100%) opacity(.7);-webkit-transition:.6s;transition:.6s;-webkit-transition:var(--transition-speed);transition:var(--transition-speed)}.nav-link:hover{-webkit-filter:grayscale(0) opacity(1);filter:grayscale(0) opacity(1);background:#141418;background:var(--bg-secondary);color:#ececec;color:var(--text-secondary)}.link-text{display:none;margin-left:1rem}.nav-link svg{width:2rem;min-width:2rem;margin:0 1.5rem}.logo{font-weight:700;text-transform:uppercase;margin-bottom:1rem;text-align:center;color:#ececec;color:var(--text-secondary);background:#141418;background:var(--bg-secondary);font-size:1.5rem;letter-spacing:.3ch;width:100%}.logo svg{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.logo-text,.logo svg{-webkit-transition:.6s;transition:.6s;-webkit-transition:var(--transition-speed);transition:var(--transition-speed)}.logo-text{display:inline;position:absolute;left:-999px}.navbar:hover .logo svg{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}div.page-nav{background-color:#000;text-align:center}div.page-nav a,div.page-nav span{color:#ececec;color:var(--text-secondary);padding:1rem}@media only screen and (max-width:600px){.navbar{bottom:0;width:100vw;height:5rem}.page{margin-left:1rem;padding:1rem;margin-bottom:10rem}.footer{margin-bottom:5rem;padding-left:1rem;z-index:-1}.logo{display:none}.navbar-nav{flex-direction:row}.nav-link{justify-content:center}.nav-item-social,.page-item-social{display:none}main,p{margin:0}div.page-nav span{display:none}}@media only screen and (min-width:600px){.item{vertical-align:top;display:inline-block;text-align:center;width:20rem}img{width:15rem;height:15rem;background-color:grey}.caption{display:block;color:#fff}.navbar{top:0;width:5rem;height:100vh}.nav-item-home{display:none}.navbar:hover{width:16rem}.navbar:hover .link-text{display:inline}.navbar:hover .logo svg{margin-left:11rem}.navbar:hover .logo-text{left:0}}
/*# sourceMappingURL=main.39b6b749.chunk.css.map */