.mediaCard{width:20%;height:26vh;border-radius:7.5px;background-color:#edf1f8;position:relative;overflow:hidden}.mediaCard__border{display:flex;width:100%;height:5px}.fadeIn-top{top:0}.fadeInTop-container{width:100%;flex-direction:column;align-items:center;opacity:0;top:0}.fadeInTop-container button{width:100%;display:flex;align-items:center;padding:10px 14px;background-color:transparent;border:2px solid #fff;opacity:.8;border-radius:28px;outline-width:0}.fadeInTop-container button:hover{opacity:1}.fadeInTop-container,.mediaCard__border{display:flex;position:absolute;transform:translateY(0,100%);-webkit-transform:translateY(0,100%);-moz-transform:translateY(0,100%);transition:all .3s ease-in-out 0s;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s}.mediaCard:hover{cursor:pointer;transition:.5s ease-in-out}.mediaCard:hover .fadeIn-top{height:100%}.mediaCard:hover .fadeInTop-container{top:20%;opacity:1}.mediaCard__content{width:100%;height:100%;padding:1%}.mediaCard,.mediaCard__content{flex-direction:column;align-items:center}.mediaCard,.mediaCard__bottom,.mediaCard__content,.mediaCard__middle,.mediaCard__top{display:flex;justify-content:space-evenly}#third .mediaCard__top img{border-radius:7px}#fourth .mediaCard__top img{border-radius:50%}.mediaCard__top p{font-size:small;color:#6e6e6e}.mediaCard__middle{flex-direction:column;align-items:center}.mediaCard__middle h1{font-family:sans-serif;font-weight:500;font-size:65px;color:#1f1e1e}.mediaCard__middle h4{font-weight:400;letter-spacing:6px;color:#3c3c3c}.mediaCard__bottom #mediaCardBottom__button{margin-top:6%}@media only screen and (max-width:600px){.mediaCard{width:100%;height:35vh;margin-top:12px;margin-bottom:24px}.mediaCard__middle h1{font-size:40px}.mediaCard__middle h4{font-size:small}.mediaCard__top>img{height:20px!important}.fadeInTop-container>img{height:60px!important}}@media only screen and (min-width:600px) and (max-width:1200px){.mediaCard{width:48%;height:34vh;margin:2vw 0}.mediaCard__middle h1{font-size:50px}.mediaCard__middle h4{font-size:medium}.fadeInTop-container>img{height:70px!important}.mediaCard:hover .fadeInTop-container{top:25%}}@media (max-height:900px),only screen and (min-width:1200px) and (max-width:1680px){.mediaCard__middle h1{font-size:40px}.mediaCard__middle h4{font-size:small}}@media only screen and (max-height:900px){.mediaCard{height:200px;padding:1% 0}.mediaCard__bottom{font-size:small}}@media only screen and (device-width:1024px) and (device-height:1366px){.mediaCard{height:320px;padding:1% 0}.mediaCard__bottom,.mediaCard__top p{font-size:16px}.mediaCard__middle h1{font-size:56px}}.allMediaCards,.allOverviewCards{width:80%;padding:0 10%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.allOverviewCards{height:38vh;flex-wrap:wrap}@media only screen and (max-width:600px){.allMediaCards,.allOverviewCards{width:92%;height:auto;padding:0;flex-direction:column}.allOverviewCards{margin-bottom:4vh}}@media only screen and (min-width:600px) and (max-width:1200px){.allMediaCards,.allOverviewCards{width:93%;height:auto;padding:0;flex-direction:column;flex-direction:row;flex-wrap:wrap}.allOverviewCards{padding:3% 0}}@media only screen and (device-width:1024px) and (device-height:1366px){.allOverviewCards{padding:0!important;margin-bottom:2vh!important}}.dark_mode{background-color:#1a1a2e}.light_mode .app__header{background-color:#f6f9ff}.dark_mode .app__header{background-color:#1e1e33;color:#f5f5f5}.dark_mode #overview_h2{color:#f5f5f5!important}.dark_mode>.allMediaCards>div,.dark_mode>.allOverviewCards>div{background-color:#242844;transition:0s ease-in-out}.dark_mode>.allMediaCards>div:hover,.dark_mode>.allOverviewCards>div:hover{background-color:#2b3052}.dark_mode>.allMediaCards h1,.dark_mode>.allOverviewCards h2{color:#f5f5f5}.dark_mode>.allMediaCards #dark_mode_p,.dark_mode>.allMediaCards h4,.dark_mode>.allOverviewCards #dark_mode_p,.dark_mode>.app__header #dark_mode_p{color:#8ea3c2}.dark_mode .MuiIconButton-label{color:#1e1e33}.light_mode #first:hover{box-shadow:0 5px 35px rgba(24,119,242,.3)}.light_mode #second:hover{box-shadow:0 5px 35px rgba(0,163,255,.3)}.light_mode #third:hover{box-shadow:0 5px 35px rgba(255,86,93,.3)}.light_mode #fourth:hover{box-shadow:0 5px 35px rgba(204,0,0,.3)}.dark_mode .allMediaCards>div:hover{box-shadow:0 5px 35px rgba(0,0,0,.9)}.overview{width:20%;height:12vh;padding:1.25% .25%;border-radius:7.5px;background-color:#edf1f8;display:flex;flex-direction:column;justify-content:space-around}.overview:hover{background-color:#dfe7f3}.overview__bottom,.overview__top,.overviewBottom__left,.overviewBottom__right{display:flex;justify-content:space-between}.overview__top{padding:0 8%;align-items:center;color:#525252}.overview__top img{height:24px}.overview__bottom{padding:0 8%;align-items:flex-end}.overviewBottom__left h2{font-family:sans-serif;font-weight:500;font-size:35px;color:#0a0a0a}.overviewBottom__right #overviewBottom__button{margin-top:10%}@media only screen and (max-width:600px){.overview{width:100%;height:18vh;margin:2.5vw 0;justify-content:space-evenly}.overview__top p{font-size:15px}.overviewBottom__left h2{font-size:25px}.overviewBottom__right p{font-size:small}.overviewBottom__right #overviewBottom__button{margin-top:5%}img{height:20px!important}}@media only screen and (min-width:600px) and (max-width:1200px){.overview{width:48%;height:14vh;margin:1.8vw 0;justify-content:space-evenly}.overviewBottom__left h2{font-size:24px}}@media (max-height:900px),only screen and (min-width:1200px) and (max-width:1680px){.overviewBottom__left h2{font-size:25px}}@media only screen and (max-height:900px){.overview{height:120px;margin-bottom:16px}}@media only screen and (device-width:1024px) and (device-height:1366px){.overview{height:160px;padding:0}.overview__top p,.overviewBottom__right p{font-size:16px}.overviewBottom__left h2{font-size:32px}}.app__header{padding-top:2vh!important;padding:0 10%;height:30vh;min-height:200px;margin-bottom:-6.75%}.appHeader__top{display:flex;align-items:center;justify-content:space-between;padding:2vh 0;font-family:sans-serif}.appHeader__top h1{font-weight:lighter;padding:1.25vh 1.5vh}.appHeader__left p{color:grey}.appHeader__right{display:flex;align-items:center;justify-content:space-between;color:#879cbb}@media only screen and (max-width:1200px){.app__header{padding:0 4%;margin-bottom:-6%}.appHeader__top{display:flex;flex-direction:column;align-items:flex-start}.appHeader__top h1{padding:1.5vh 0}.appHeader__left p{padding-bottom:3vh}.appHeader__left{width:100%;margin-bottom:5%;border-bottom:1px solid grey}.appHeader__right{width:100%;font-size:15px}.appHeader__left p,.appHeader__right{font-size:medium}h1{font-size:24px}}@media only screen and (max-height:900px){.app__header{padding-top:16px!important;margin-bottom:-6%}h1{font-size:24px}}@media only screen and (max-height:800px){.app__header{margin-bottom:-4%}}@media only screen and (device-width:1024px) and (device-height:1366px){.app__header{height:24vh;padding-top:1.5vh!important;margin-bottom:-8%}.appHeader__top h1{font-size:32px;padding:1.25vh 0}.appHeader__left p{padding-bottom:2/5vh}.appHeader__left{margin-bottom:3%}.appHeader__left p,.appHeader__right p{font-size:large}}@media only screen and (device-height:768px) and (device-width:1366px){.app__header{height:24vh;padding-top:1.5vh!important;margin-bottom:-6%}}@media only screen and (max-height:2160px) and (max-width:3840px){.app__header{height:24vh;padding-top:1.5vh!important;margin-bottom:-5.8%}}.MuiSwitch-root{background:linear-gradient(90deg,#4383c4,#08eea5);width:60px!important;height:30px!important;border-radius:24px!important;padding:4.2px!important;margin-left:10px}.MuiSwitch-switchBase{padding:inherit!important}.MuiSwitch-thumb{width:22px!important;height:22px!important}.MuiSwitch-colorSecondary.Mui-checked+.MuiSwitch-track,.MuiSwitch-track{background:transparent!important;opacity:1!important}.MuiSwitch-colorSecondary.Mui-checked{color:#fff!important;transform:translateX(100%)!important}@media only screen and (max-width:600px){.MuiSwitch-root{width:42px!important;height:22px!important;border-radius:14px!important;padding:2.8px!important}.MuiSwitch-thumb{width:15px!important;height:15px!important}}@media only screen and (device-width:768px){.MuiSwitch-root{width:50px!important;height:25px!important;border-radius:14px!important;padding:3.2px!important}.MuiSwitch-thumb{width:19px!important;height:19px!important}}#overview_h2{padding-top:2.5%;padding-bottom:.75%;width:80%;margin:auto;font-family:sans-serif;font-weight:lighter;font-size:25px;color:grey}@media (max-width:1200px),only screen and (max-width:600px){#overview_h2{padding:4vh 4%;width:100%;font-size:20px}}@media only screen and (device-width:1024px) and (device-height:1366px){#overview_h2{font-size:30px!important}}@media (device-height:768px) and (device-width:1366px),only screen and (max-height:2160px) and (max-width:3840px){#overview_h2{padding-top:4.5vh;padding-bottom:2vh;font-size:20px}}*{margin:0}#root,.app,.dark_mode,.light_mode,body,html{height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a,a:active,a:focus,a:hover{text-decoration:none;color:inherit}
/*# sourceMappingURL=main.4cf0f495.chunk.css.map */