#navbar-mobile{position:fixed;top:0;left:0;background-color:#fff;width:100%;z-index:1000}#navbar-mobile,.menu{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;height:5rem;box-sizing:border-box}.menu{padding:2%;width:100%;height:100%}#navbar-mobile .nav{display:block;transition:all .3s ease-in-out;position:relative;height:0;overflow:hidden;width:100%}#navbar-mobile .nav.active{display:flex;flex-flow:column nowrap;justify-content:space-between;background-color:#e3e3e3;padding:5% 0;box-sizing:border-box;width:100%;height:calc(100vh - 5rem);position:relative;top:0}#navbar-mobile .nav .myline{border:2px solid #3e3e3e;border-radius:4px;width:60%;max-width:600px;margin:1.2rem auto}#navbar-mobile .nav ul{display:flex;flex-flow:column nowrap;justify-content:space-evenly;list-style-type:none;padding:0}#navbar-mobile .nav li{margin:2% 0;padding:5% 0}#navbar-mobile .nav li:active,#navbar-mobile .nav li:focus,#navbar-mobile .nav li:hover{background-color:#3e3e3e}#navbar-mobile .nav li:active a,#navbar-mobile .nav li:focus a,#navbar-mobile .nav li:hover a{color:#fff}#navbar-mobile .nav a{color:#3e3e3e;font-size:1.6rem;text-decoration:none;padding:1rem;margin:1em}#navbar{display:none}.nav-icon{margin:auto}.fullname-logo{margin-left:auto;width:80%;max-width:540px;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}@media (min-width:700px){#navbar-mobile{display:none}#navbar{justify-content:space-around;align-items:flex-start;width:100%;max-width:100vw;height:15%;max-height:90px}#navbar,#navbar .left{display:flex;flex-flow:row wrap}#navbar .left{justify-content:center;width:35%}#navbar .right{flex-flow:row nowrap;display:flex;justify-content:flex-end;width:50%}#navbar a,.ld-logo{border-radius:1rem;border:4px solid #3e3e3e;font-size:2.2rem;font-weight:700;padding:.8rem;text-decoration:none;margin:.3rem;color:#3e3e3e;width:100px;max-width:20%}a sub{color:#aaa;font-size:.3em}}.dev{height:55vh;font-size:1.5rem}@-webkit-keyframes gearRotation{0%{transform:rotate(0deg)}50%{transform:rotate(90deg)}to{transform:rotate(270deg)}}@keyframes gearRotation{0%{transform:rotate(0deg)}50%{transform:rotate(90deg)}to{transform:rotate(270deg)}}.gearicon{width:8rem;height:8rem;margin:auto}.gearicon svg{-webkit-animation:gearRotation 5s linear infinite;animation:gearRotation 5s linear infinite}@media (max-width:1000px){.dev{margin-top:7rem}}.grey{background-color:#e3e3e3}