.menu{margin:30px;text-align:left}.menu__background{padding:30px}.menu__link{text-decoration:none;color:hsla(0,0%,100%,.9);transition:color .3s ease-in-out}.menu__link--active,.menu__link:active,.menu__link:focus,.menu__link:hover{color:#84cbf3}.menu__item{padding:15px 0}.menu__header{font-size:36px;line-height:1.3;text-transform:uppercase;letter-spacing:2px}.menu__header--small{font-size:24px;letter-spacing:normal}.menu__contact{display:flex}.menu__contact__link{padding:6px;border:2px solid hsla(0,0%,100%,.9);border-radius:3px;display:flex;align-items:center;margin-right:15px;color:hsla(0,0%,100%,.9);transition:all .3s ease-in-out}.menu__contact__link:active,.menu__contact__link:focus,.menu__contact__link:hover{border:2px solid #f8b9b9;color:#f8b9b9;opacity:1}.menu__contact__item{display:flex;align-items:center}@media screen and (max-width:1025px){.menu{margin:0}.menu__background{padding:15px;display:flex;flex-wrap:wrap;justify-content:space-evenly}.menu__item{padding:7px 0}.menu__item:first-of-type{width:100%;text-align:center}.menu__contact{display:none}}@media screen and (min-width:767px) and (max-width:1025px){.menu{margin:0}.menu__background{justify-content:center}.menu__link{margin-right:30px}.menu__link:last-of-type{margin-right:0}}@-webkit-keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loadingIndicatorContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loadingIndicator{width:60px;height:60px;display:inline-block;position:relative}.loadingIndicator div{display:block;position:absolute;width:51px;height:51px;margin:6px;border-radius:50%;-webkit-animation:loading 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:loading 1.2s cubic-bezier(.5,0,.5,1) infinite;border:6px solid transparent;border-top-color:#84cbf3}.loadingIndicator div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.loadingIndicator div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.loadingIndicator div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}html{height:100%;width:100%}*,:after,:before,html{box-sizing:border-box}body{height:100%;width:100%;font-family:Inconsolata,monospace;color:hsla(0,0%,100%,.9);font-weight:lighter;font-size:16px;line-height:20px}body,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0}.text--blue{color:#84cbf3}.text--green{color:#8befcd}.text--purple{color:#ddaaef}.text--red{color:#f8b9b9}.text--orange{color:#f2cb8c}.app{padding:45px;display:flex;flex-wrap:wrap;width:100vw;height:100vh;overflow:hidden;background:#282c35}.app__menu,.app__screens{display:flex;flex-direction:column;height:100%;overflow:auto}.app__menu{flex:1;justify-content:center}.app__screens{flex:3}@media screen and (max-width:1025px){.app{padding:0;flex-direction:column;justify-content:center}.app__menu{flex:1 1 120px;overflow:hidden}.app__screens{flex:1 1 calc(100% - 120px)}}@media screen and (min-width:767px) and (max-width:1025px){.app__screens{align-items:center}}