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}*{cursor:default;margin:0;padding:0;-webkit-user-select:none;user-select:none}html{overflow:hidden}.App{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;width:100vw}.screen{aspect-ratio:16/9;background-color:#273c64;overflow:hidden;position:relative;transition:background-color .5s;width:100vw}.agent-img{height:100%;left:50%;position:absolute;-webkit-transform:translateX(-200%) translateY(10%) scale(1.45);transform:translateX(-200%) translateY(10%) scale(1.45);transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}.agent-img.active{-webkit-transform:translateX(-50%) translateY(10%) scale(1.45);transform:translateX(-50%) translateY(10%) scale(1.45)}.detail-box{display:flex;flex-direction:column;height:60%;justify-content:space-evenly;position:absolute;right:3%;top:10%;width:25%;z-index:1}.detail-box:before{background-color:#fff;content:"";height:100%;left:-3%;position:absolute;top:8%;width:.2%}.title{color:#fff}h6{font-size:calc(1px + 1vw);letter-spacing:calc(1px + .5vw);position:absolute}h1{color:#ecf1bf;font-size:calc(1px + 6vw)}.ability-container{display:flex;justify-content:space-between;position:relative;width:100%}.ability-box{background-color:hsla(0,0%,100%,.2);display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:19%}.ability-box:hover{background-color:hsla(0,0%,100%,.4)}h5{color:#fff;display:flex;font-size:calc(1px + 1vw);justify-content:center}h5:after{background-color:#fff;content:"";height:2%;position:absolute;top:26%;width:100%}.logos{max-height:100%;max-width:100%;object-fit:contain;padding:10%}.discription{font-size:calc(1px + 1vw);width:90%}.agent-discription{color:#ecf1bf;font-weight:700}.class-discription{color:#fff}.agent-button-container{align-items:center;bottom:10%;display:flex;height:10%;justify-content:center;position:absolute;width:100%;z-index:1}.agent-button-container:before{background-color:#e3eeb6;content:"";height:1%;position:absolute;top:-10%;width:90%}.agent-button{background-color:hsla(0,0%,100%,0);border:.2vw solid #a9dadc;height:90%;margin:.2%}.agent-button:hover>.agent-icon{background-color:rgba(169,218,220,.5)}.agent-button.selected{outline:.2vw solid #e3eeb6;outline-offset:.2vw}.agent-button.selected,.agent-icon{background-color:rgba(169,218,220,.3)}.agent-icon{max-height:100%;max-width:100%;object-fit:fill}.index-wrap{bottom:0;color:#fff;display:flex;height:4%;justify-content:space-around;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:10%}.index{align-items:center;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;padding-left:10%;padding-right:10%}.index,.index-button{font-size:calc(1px + 1vw);width:100%}.index-button{background-color:hsla(0,0%,39%,.5);border:none;color:#ccc;font-weight:700}.index-button:hover{background-color:hsla(0,0%,39%,.7)}@media (min-aspect-ratio:16/9){.screen{height:100vh;width:auto}h6{font-size:calc(1px + 1.7778vh)}h1{font-size:calc(1px + 10.6667vh)}.discription,h5{font-size:calc(1px + 1.7778vh)}.agent-button{border:.3555vh solid #a9dadc}.agent-button.selected{outline:.3555vh solid #e3eeb6;outline-offset:.1vw}}
/*# sourceMappingURL=main.a9cc87be.css.map*/