body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{background-color:#0f1819;color:#ebebeb}.flex{display:flex}.container-lg{margin-left:2%;margin-right:2%;position:relative;width:100%}.green{color:#99ef03}.red{color:#eb4826}.nav{height:4rem;margin-top:2rem;position:fixed;width:100%;z-index:100}.nav-space{height:140px}.nav-col{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}.nav-col,.nav-right-box{align-items:center;display:flex;position:relative}.nav-right-box{color:#ebebeb;flex:1 1;height:100%;justify-content:center;overflow:hidden;text-decoration:none}.op-grey{background-color:#ffffff1a}.border-grey{border:1px solid #ffffff1a}.border-grey-top{animation:border-grey-top 2.2s ease forwards;border:.5px solid #ffffff1a;left:50%;position:absolute;z-index:10}@keyframes border-grey-top{0%{width:0}to{width:50%}}.border-grey-bottom{animation:border-grey-bottom 2.2s ease forwards;border:.5px solid #ffffff1a;bottom:0;position:absolute;right:0}@keyframes border-grey-bottom{0%{width:0}to{width:50%}}.border-grey-left,.border-grey-right{position:relative}.border-grey-left:before{left:0}.border-grey-left:before,.border-grey-right:after{animation:border-grey-anim 2.2s ease forwards;background-color:#ffffff1a;content:"";height:0;position:absolute;top:0;width:1px}.border-grey-right:after{right:0}@keyframes border-grey-anim{0%{height:0}to{height:100%}}.nav-right-text{animation:nav-right-text 2.2s ease forwards}@keyframes nav-right-text{0%{opacity:0}to{opacity:1}}.under-text{color:#0f1819;top:0;z-index:6}.under,.under-text{height:0;position:absolute;transition:.3s ease;width:100%}.under{background-color:#ebebeb;bottom:0;z-index:5}.nav-right-box:hover .under,.nav-right-box:hover .under-text{height:100%}@keyframes height-up{0%{height:0}to{height:100%}}@keyframes height-down{0%{height:100%}to{height:0}}.name{align-items:center;animation:name 2.2s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;display:flex;height:100%;position:absolute}.name-words{opacity:0;padding-left:20px;transition:1.2s}.logo{animation:width-up-4rem 2.2s ease forwards;left:-4rem;position:relative}.logo,.logo-container{height:4rem;width:4rem}.logo-container{overflow:hidden}@keyframes width-up-4rem{0%{left:-4rem}75%{left:-3.6rem}99%{left:0}to{left:0}}@keyframes name{0%{left:0;width:0}75%{left:.4rem;width:calc(100% - .4rem)}99%{left:4rem;width:calc(100% - 4rem)}to{left:4rem;width:calc(100% - 4rem)}}.logo-container:hover+.name .name-words{opacity:1}.container-xl{margin-left:10%;margin-right:10%;margin-top:10%;position:relative;width:80%}
/*# sourceMappingURL=main.7a1d54de.css.map*/