.aboutMeTitle{display:flex;justify-content:space-between;align-items:center;margin-top:16px;margin-bottom:42px}.aboutMeTitle>.logo{width:50%}@media screen and (max-width:1100px){.aboutMeTitle{justify-content:center;margin-bottom:12px}.aboutMeTitle>img{width:80%}.aboutMeTitle>.logo{width:80%;margin-bottom:16px}}.kellerTest{color:#202072;font-weight:700}.buttonContainer{display:flex;justify-content:space-around;align-items:center;margin-bottom:20px}@media screen and (max-width:1100px){.buttonContainer{flex-direction:column}.buttonContainer>:first-child{margin-bottom:12px}}.buttonContainer>.button{border:4px solid #202072;border-radius:8px;padding:16px;background-color:transparent;transition:all .5s ease;cursor:pointer;display:flex;align-items:center}@media screen and (max-width:1100px){.buttonContainer>.button{padding:8px 12px}}.buttonContainer>.button>.icon{width:36px;margin-right:8px}.buttonContainer>.button>.icon>svg{width:100%;height:auto;fill:#202072}.buttonContainer>.button>.text{color:#202072;font-weight:700}.buttonContainer>.button:hover{background-color:#202072}.buttonContainer>.button:hover>.text{color:#fff}.buttonContainer>.button:hover>.icon>svg{fill:#fff}a{color:#303082;text-decoration:none;-webkit-user-select:none;user-select:none;display:inline;background-image:linear-gradient(90deg,#000,#202072);background-size:0 3px;background-repeat:no-repeat;transition:background-size .3s;background-position:0 100%}a:hover{background-size:100% 3px}a.bold{font-weight:700}.aboutMeContainer{display:flex;justify-content:space-between}@media screen and (max-width:1100px){.aboutMeContainer{flex-direction:column}}.aboutMeContainer>.left{display:flex;align-items:center;justify-content:center;flex:1 1;padding:30px 0}.aboutMeContainer>.left>img{width:300px;border-radius:100%}@media screen and (max-width:1100px){.aboutMeContainer>.left{padding:30px 0 24px}.aboutMeContainer>.left>img{width:200px}}.aboutMeContainer>.right{display:flex;flex-direction:column;justify-content:space-between;flex:1 1;padding:30px 0}@media screen and (max-width:1100px){.aboutMeContainer>.right{padding:0 0 16px}}.aboutMeContainer>.right>p{margin:0}.aboutMeContainer>.right>.channels{display:flex;justify-content:space-around;padding:24px 0}@media screen and (max-width:1100px){.aboutMeContainer>.right>.channels{justify-content:space-between}}.aboutMeContainer>.right>.channels>a{width:48px}@media screen and (max-width:1100px){.aboutMeContainer>.right>.channels>a{width:36px}}.aboutMeContainer>.right>.channels>a>img{width:100%}.roleContainer{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}@media screen and (max-width:1100px){.roleContainer{flex-direction:column}}.roleContainer>.role{display:flex;flex-direction:column;border:2px solid #202072;border-radius:12px;box-sizing:border-box;padding:12px;width:300px;height:300px}@media screen and (max-width:1100px){.roleContainer>.role{width:100%;height:auto;margin-bottom:12px}}.roleContainer>.role>.icon{display:flex;align-self:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:8px;background-color:#202072;border-radius:100%;margin-bottom:16px}.roleContainer>.role>.title{font-size:32px;font-weight:700;text-align:center;margin-bottom:16px}.roleContainer>.role>.subText{font-size:18px;font-weight:400;text-align:center;margin-bottom:8px}.layoutContainer{display:flex;justify-content:center;align-items:center;height:100%;padding:20px 0;box-sizing:border-box}@media screen and (max-width:1100px){.layoutContainer{height:auto}}.layoutContainer .layoutContent{display:flex;flex-direction:column;box-sizing:border-box;width:1100px;background-color:#fff;border:2px solid #c29011;border-radius:12px;padding:0 32px}@media screen and (max-width:1100px){.layoutContainer .layoutContent{width:90%}}.layoutContainer .layoutContent>p,.layoutContainer .layoutContent>ul{margin-top:0}.layoutContainer .layoutContent>img{align-self:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-height:300px;margin-bottom:16px}@media screen and (max-width:1100px){.layoutContainer .layoutContent>img{max-height:inherit;max-width:95%}}.viewport,body,html{width:100%;height:100%;margin:0;box-sizing:border-box;background-color:#202072}*{font-family:"Work Sans";font-weight:300;font-size:22px}@media screen and (max-width:1100px){*{font-size:16px}}::selection{color:#101062;background:#0ac9b0}#root,.container{height:100%}.container{display:flex}.onlyMobile{display:none!important}@media screen and (max-width:1100px){.onlyMobile{display:inherit!important}.onlyDesktop{display:none!important}}
/*# sourceMappingURL=main.2e54b9ac.chunk.css.map */