*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #fff;--color-primary-lighten: #ffffff;--color-primary-darken: #80808026}body{width:100vw;height:auto;overflow:hidden;display:flex;justify-content:center;font-family:"Exo 2",sans-serif}.app__container{display:flex;flex-flow:row wrap;background-color:var(--color-primary-lighten);width:100vw;height:100vh}.sidebar__wrapper{height:100%;position:absolute;z-index:50;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;box-shadow:10px 0 25px #0000001a;transition:all .4s ease-in-out}.sidebar__wrapper.state-opened{width:100%}.sidebar__wrapper.state-closing,.sidebar__wrapper.state-closed{width:100%;padding-bottom:20vh}.sidebar__wrapper.state-closing .logo,.sidebar__wrapper.state-closed .logo{display:flex;align-items:center;justify-content:center;width:33.333vw;height:33.333vw;min-width:350px;min-height:350px;max-width:400px;max-height:400px;padding:15px;border-radius:50%;background-color:var(--color-primary);border:15px #fff solid;box-shadow:0 0 15px var(--color-primary-darken);transition:all .3s ease-in-out}.sidebar__wrapper.state-closing .logo:hover,.sidebar__wrapper.state-closed .logo:hover{filter:brightness(1.075)}.sidebar__wrapper.state-closing .logo img,.sidebar__wrapper.state-closed .logo img{width:100%;height:100%;min-width:150px;min-height:150px;max-width:225px;max-height:225px;width:15vw;height:15vw}.sidebar__wrapper.state-closed{background:transparent!important;pointer-events:none}.sidebar__wrapper.state-closed .logo{pointer-events:all}.sidebar__wrapper.state-side{width:33.33333%}.sidebar__wrapper.background-color--primary{background:var(--color-primary)}.sidebar__wrapper .logo{border-radius:50%;box-shadow:0 0 25px var(--color-primary-darken);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:20px;width:15vw;height:15vw;min-width:250px;min-height:250px;max-width:250px;max-height:250px;border:5px #fff solid}.sidebar__wrapper .logo img{width:100%;height:100%;min-width:100px;min-height:100px;max-width:150px;max-height:150px;object-fit:contain;object-position:center}.sidebar__wrapper h1{margin-top:50px;font-size:50px}.categories__container,.study-fields__container{width:100%;height:100%;margin-left:33.3333%}.categories__wrapper{display:flex;flex-direction:column;height:100%}.categories__wrapper .category__item{display:flex;align-items:center;justify-content:center;flex:1 0 auto;padding:30px;cursor:pointer;transition:all .4s ease-in-out;height:auto}.categories__wrapper .category__item:not(.item-enter-done){opacity:0;transform:scale(.85) translate(0)}.categories__wrapper .category__item.item-enter-done{opacity:1;transform:scale(1) translate(0)}.categories__wrapper .category__item h1{font-size:40px;text-transform:uppercase;color:#fff}.categories__wrapper .category__item:hover{flex-grow:3}.study-fields__container{overflow-y:auto;overflow-x:hidden}.study-fields__container::-webkit-scrollbar{width:10px;background:rgba(0,0,0,.1)}.study-fields__container::-webkit-scrollbar-thumb{width:10px;background:var(--color-primary)}.study-fields__wrapper{display:flex;align-items:center;justify-content:center;flex-flow:column;min-height:100%;padding:50px}.study-fields__wrapper .study-field__item{display:flex;align-items:center;width:100%;cursor:pointer;transition:all .3s ease-in-out}.study-fields__wrapper .study-field__item:not(.item-enter-done){opacity:0;transform:scale(.85) translate(5vw)}.study-fields__wrapper .study-field__item.item-enter-done{opacity:1;transform:scale(1) translate(0)}.study-fields__wrapper .study-field__item:hover{transform:translateY(-10px)}.study-fields__wrapper .study-field__item:not(:last-child){margin-bottom:35px}.study-fields__wrapper .study-field__item .logo{flex:0 0 auto;position:relative;border-radius:50%;z-index:20;border:10px #fff solid;box-shadow:0 0 15px #00000026;display:flex;align-items:center;justify-content:center;padding:25px}.study-fields__wrapper .study-field__item .logo img{width:5vw;height:5vw;min-width:100px;min-height:100px;max-width:200px;max-height:200px}.study-fields__wrapper .study-field__item .content{position:relative;background-color:#fff;left:-35px;margin-right:-35px;z-index:10;padding:30px 30px 30px 55px;box-shadow:0 0 15px #00000026;border-radius:0 15px 15px 0;flex:auto}.study-fields__wrapper .study-field__item .content h1{font-size:28px}.navigation__container{display:flex;position:fixed;top:0;left:0;width:100%;height:48px;z-index:10}.navigation__container .navigation__wrapper{display:flex;align-items:center;justify-content:center;width:100%;background-color:#fff;transition:all .3s ease-in-out;box-shadow:0 5px 10px #0000}.navigation__container .navigation__wrapper .nav__item{position:relative;cursor:pointer;padding:15px}.navigation__container .navigation__wrapper .nav__item.active{background-color:var(--color-primary-lighten);color:#fff}.navigation__container .navigation__wrapper .nav__item:hover{background-color:var(--color-primary);color:#fff}.info-bar__container{position:absolute;bottom:0;left:0;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 0 auto;min-height:20vh;max-height:20vh;background-color:#fff;color:var(--color-primary);box-shadow:0 0 15px #0003;padding:15px}.info-bar__container .info-bar__wrapper{width:100%;max-width:1366px}.info-bar__container .info-bar__wrapper h1{margin-bottom:7.5px}.info-bar__container .info-bar__wrapper p{font-size:18px;max-height:8vh;line-height:1.5;overflow-y:auto}.info-bar__container .info-bar__wrapper p::-webkit-scrollbar{width:5px;background:var(--color-primary-lighten)}.info-bar__container .info-bar__wrapper p::-webkit-scrollbar-thumb{width:5px;background:var(--color-primary)}.viewer__container{display:flex;width:100vw;height:100%;position:relative;flex-direction:column;align-items:center;background-color:var(--color-primary)}.viewer__container .background-watermark{position:absolute;z-index:1;font-size:325px;text-transform:uppercase;color:#fff;opacity:.1;pointer-events:none}.viewer__container .subjects__wrapper{flex:0 0 80%;display:flex;width:100%;max-width:1366px;align-items:center;justify-content:center}.viewer__container .subjects__wrapper .subjects{flex:0 0 50%;display:flex;flex-direction:column;justify-content:center;color:#fff;text-transform:uppercase;font-weight:600;font-size:20px;position:relative}.viewer__container .subjects__wrapper .subjects.left{text-align:left;transform-origin:right}.viewer__container .subjects__wrapper .subjects.right{text-align:right;transform-origin:left}.viewer__container .subjects__wrapper .subjects .subject__item{transition:all .3s ease-in-out}.viewer__container .subjects__wrapper .subjects .subject__item:not(.item-enter-done){opacity:0;transform:scale(.5) translate(0)}.viewer__container .subjects__wrapper .subjects .subject__item.item-enter-done{opacity:1;transform:scale(1) translate(0)}.viewer__container .subjects__wrapper .subjects .subject__item--inner{width:100%;padding:20px 30px;border-radius:0;cursor:pointer;position:relative;transition:all .3s ease-in-out}.viewer__container .subjects__wrapper .subjects .subject__item--inner span{position:relative;z-index:10}.viewer__container .subjects__wrapper .subjects .subject__item--inner:hover{background-color:#ffffff26}.viewer__container .subjects__wrapper .subjects .subject__item--inner.active span{color:var(--color-primary)}.viewer__container .subjects__wrapper .subjects .subject__item--inner.active:after{height:100%;z-index:1}.viewer__container .subjects__wrapper .subjects .subject__item--inner:after{content:"";z-index:5;position:absolute;width:100%;height:7.5px;background-color:#fff;bottom:-3.25px;left:0;transition:all .3s ease-in-out;box-shadow:0 0 15px var(--color-primary-darken)}