#root{margin:0;width:100vw;height:100vh;display:flex;flex-direction:row;justify-content:center;align-items:center}.login{width:12cm;height:9cm;background-color:var(--bg-second);display:flex;flex-direction:column;align-items:center;row-gap:20px;border-radius:5px;z-index:1}.login strong{margin-top:2em;font-size:large}.input{background-color:var(--bg-third);width:10cm;border-radius:5px;box-shadow:#2b2b2b29 0 3px 6px,#1616163b 0 3px 6px}.logo{position:absolute;top:30px;left:30px;width:2cm;height:2cm;cursor:pointer;display:flex;justify-content:center;background-image:url(favicon.svg);background-position:center;background-size:contain;background-repeat:no-repeat;transition:scale .5s cubic-bezier(.165,.84,.44,1)}.logo h3{position:absolute;top:50px}.logo:hover{scale:1.2}.logo:active{scale:1.4}.login-btn{position:absolute;cursor:pointer;top:30px;right:20px;display:flex;flex-direction:column}:root{--hex-size: 70px}.hexagon-item:hover{font-size:1.2rem;color:var(--yellow);z-index:3}.hexagon-item{cursor:pointer;width:calc(var(--hex-size)*2);height:calc(var(--hex-size)*1.73);float:left;z-index:0;position:relative;display:flex;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.165,.84,.44,1)}.hexagon-item:active{scale:1.3}.hexagon-item svg{height:inherit;width:inherit}.hex-item{position:absolute;top:0;width:var(--hex-size);height:inherit;transition:all .3s cubic-bezier(.165,.84,.44,1)}.hex-item div:before,.hex-item div:after{background-color:var(--yellow);content:"";position:absolute;display:block;width:100%;height:3px;transition:all .3s cubic-bezier(.165,.84,.44,1) 0s}.hex-item div:after{bottom:0}.hex-item div{box-sizing:border-box;position:absolute;top:0;width:inherit;height:inherit;transform-origin:center center}.hex-item div:nth-child(1){background-color:inherit;transform:rotate(30deg)}.hex-item div:nth-child(2){background-color:inherit;transform:rotate(90deg)}.hex-item div:nth-child(3){background-color:inherit;transform:rotate(-30deg)}.hexagon-item:hover .hex-item:first-child{opacity:1;transform:scale(1.1)}.hex-item:first-child{z-index:0;transform:scale(.9)}.hex-content{position:absolute}.hexagon-item:hover .hex-content:after{left:0;right:0;width:100%}.hex-content:after{position:absolute;width:0;left:50%;right:50%;content:"";height:5px;display:block;background-color:var(--yellow);transition:all .2s;border-radius:5px}:root{--hexagon-size: 100px}.nav{position:absolute;left:0;right:0;bottom:0;padding-bottom:10px;min-height:9cm;min-width:7cm;z-index:2;display:flex;flex-direction:row;justify-content:center;align-items:flex-end;overflow-y:hidden}.nav-conatiner{display:flex;flex-direction:column;justify-content:center;align-items:center;height:70%}.nav-col{display:flex;flex-direction:row;justify-content:center;align-items:space-evenly;width:50%;height:inherit}.triangle-1{position:absolute;width:0;height:0;border-style:solid;border-width:50px 0 50px 86.6px;border-color:transparent transparent transparent #007bff;transform:rotate(0)}.triangle-2{position:absolute;margin:-25px 0 25px;width:0;height:0;border-style:solid;border-width:50px 0 50px 86.6px;border-color:transparent transparent transparent #007bff;transform:rotate(90deg)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--bg-second: #383838;--bg-third: #464545;--yellow: #ff9800;--red: #ff1e00;--blue: rgb(63, 63, 235)}.shaddow{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}