.logo{display:flex;align-content:center;overflow:hidden;cursor:pointer}.logo>.svg-container{width:100px;height:76px;margin-top:1px}.logo>.svg-container>svg{top:0;left:0;width:100%;height:100%}.logo>.text{padding:17px 10px 17px 0}.logo>.text span{color:var(--accent);margin-left:0}.logo>.text>.bot{height:34px}.logo>.text>.bot>.logo-text>span{font-size:1.8rem;font-weight:bolder;margin-right:33px}.logo>.text>.bot>.logo-text>span:last-child{margin-right:0}.logo .logo-body{fill:var(--logo-body-color)}.logo .logo-brightness{fill:var(--logo-brightness-color)}.logo .pen{stroke-dasharray:280 280;stroke-dashoffset:280;stroke-linecap:butt;animation-duration:2s;animation-name:draw;animation-fill-mode:forwards;animation-iteration-count:1;animation-direction:normal;animation-timing-function:ease-in}.logo .delay1{animation-delay:3s}.logo .delay2{animation-delay:3.5s}.logo .delay3{animation-delay:4s}@keyframes draw{0%{stroke-dashoffset:280}to{stroke-dashoffset:1}}.navbar{position:relative;z-index:10;display:flex;font-family:var(--font-family);top:0;left:0;padding:0 10px;background-color:var(--navbar-bg-color)}.navbar .instagram-link{display:flex;flex-direction:column-reverse;color:var(--text-color-faded);transition:color .3s}.navbar .instagram-link:hover{color:var(--accent)}.navbar .instagram-link svg{margin:0 0 7px 3px}.navbar .nav-btn{padding-top:0;padding-bottom:0}.navbar .nav-btn .p-button{padding:0}.navbar .p-button-icon{padding:0 10px}.navbar .left{text-align:left;flex-shrink:0}.navbar .left .navbar-link{position:relative;display:inline-block;padding:0}.navbar .left a{color:var(--text-color-faded);text-decoration:none;display:inline-block;background-color:transparent;border:inherit}.navbar .right{text-align:right;flex-grow:1}.navbar .right>.settings{color:var(--text-color-faded);padding:0 5px;margin-top:57px;transition:color .3s;float:right;position:relative;cursor:pointer}.navbar .right>.settings:hover{color:var(--accent)}.navbar .right>.settings>ul{z-index:200;position:absolute;list-style:none;right:0;padding:0;background-color:var(--bg-color-active)}.navbar .right>.settings>ul>li{display:block;margin-bottom:5px;padding:5px 10px;border:1px solid var(--accent-faded);border-color:var(--accent-faded);color:var(--text-color);border-radius:5px;width:120px;text-align:center;background:linear-gradient(transparent,var(--accent-faded));transition:color .5s,border-color .5s;cursor:pointer}.navbar .right>.settings>ul>li:hover{color:var(--accent);border-color:var(--accent)}.navbar .right>.settings>ul>li>.dropdown-icon{line-height:0;vertical-align:middle;font-size:1.1rem;margin-right:5px}.navbar .right>a{display:inline-block;height:40px}.navbar .right .navbar-link{position:relative;display:inline-block;color:transparent;cursor:pointer;margin-top:52px}.navbar .right .navbar-link a{color:var(--text-color-faded);text-decoration:none;display:inline-block;background-color:transparent;border:inherit}.navbar .right .navbar-link>.active-link{background-color:var(--bg-color-active);border-radius:5px 5px 0 0;padding:8px 13px;position:absolute}.navbar .right .navbar-link>.active-link>.left{position:absolute;width:5px;height:5px;bottom:0;left:-5px;background-color:var(--bg-color-active)}.navbar .right .navbar-link>.active-link>.left>.border{width:100%;height:100%;border-radius:0 0 5px 0;background-color:var(--navbar-bg-color)}.navbar .right .navbar-link>.active-link>.right{position:absolute;width:5px;height:5px;bottom:0;right:-5px;background-color:var(--bg-color-active)}.navbar .right .navbar-link>.active-link>.right>.border{width:100%;height:100%;border-radius:0 0 0 5px;background-color:var(--navbar-bg-color)}.navbar .right .navbar-link>.top-link{padding:8px 13px;position:relative;z-index:2}.navbar .right .navbar-link .link-text{margin-left:15px}.navbar .right .navbar-link .link-text.active .link-icon,.navbar .right .navbar-link .link-text.active .link-label{color:var(--accent)}.navbar .right .navbar-link .link-text.transparent .link-icon,.navbar .right .navbar-link .link-text.transparent .link-label{color:transparent}.navbar .right .navbar-link .link-label{color:var(--text-color-faded);transition:color .5s;display:inline;margin-left:10px}.navbar .right .navbar-link .link-icon{color:var(--text-color-faded);transition:color .5s;position:absolute;left:9px;top:5px}.mobile-menu{display:none}@media only screen and (max-width:951px){.navbar{display:none}.mobile-menu{display:block;text-align:center;position:fixed;top:0;left:0;z-index:1}.mobile-menu>.background{position:absolute;z-index:2;top:0;left:0;width:100vw;height:100vh;background:var(--navbar-toggle-color)}.mobile-menu>.background>ul{list-style:none;padding:0;text-align:center}.mobile-menu>.background>ul>li{display:flex;justify-content:center}.mobile-menu>.background>ul>li a{height:40px;color:var(--text-color-faded);text-decoration:none;display:inline-block;background-color:transparent;border:inherit;cursor:pointer}.mobile-menu>.background>ul>li>.top-link{padding:8px 13px;z-index:2}.mobile-menu>.background>ul>li .link-text{margin-left:15px;position:relative}.mobile-menu>.background>ul>li .link-text.active .link-icon,.mobile-menu>.background>ul>li .link-text.active .link-label{color:var(--accent)}.mobile-menu>.background>ul>li .link-text.transparent .link-icon,.mobile-menu>.background>ul>li .link-text.transparent .link-label{color:transparent}.mobile-menu>.background>ul>li .link-label{color:var(--text-color-faded);transition:color .5s;display:inline;margin-left:10px}.mobile-menu>.background>ul>li .link-icon{color:var(--text-color-faded);transition:color .5s;position:absolute;left:-18px;top:-3px}.mobile-menu>.menu-toggle{position:relative;z-index:3;background-color:transparent;padding:10px 10px 0;border:0;cursor:pointer}.mobile-menu>.menu-toggle>svg{stroke:var(--accent)}}