@font-face{font-family:Handlee;src:url(/assets/Handlee-Regular-9fa2f002.ttf)}*{font-family:Handlee}body{color:#000;background-color:#033;width:100%;height:100%;position:absolute;min-height:600px;min-width:800px;max-height:1280px;max-width:1710px;margin:auto;left:0;right:0;top:0;bottom:0}button{border:0;background-color:transparent;padding:0;cursor:pointer;width:75px;height:75px}button img{width:100%;height:100%}#meta-buttons{position:absolute;top:5px;left:5px;display:flex;flex-direction:column;z-index:11}#forward{position:absolute;bottom:5px;right:5px;width:150px;z-index:30}#link-forward{background:#285853;position:absolute;color:#fff;font-size:1.2rem;bottom:5px;right:5px;z-index:30;width:225px}#link-first-decision{background:#285853;position:absolute;color:#fff;font-size:1.2rem;bottom:90px;right:5px;z-index:30;width:225px}#content{position:relative;z-index:10}#decision-counter{position:absolute;bottom:10px;left:10px;background-color:#ebff00;color:#000;display:flex;flex-direction:column;width:fit-content;padding:10px;font-size:1.3em;z-index:15}#background-container{width:100%;height:100%;position:absolute;min-width:800px;min-height:600px;top:0;left:0;box-sizing:border-box;z-index:-1;overflow:hidden;background-color:#fff}#background-container.green-bg{background-color:#285853}.invert-wide{max-width:90%;width:auto;margin:auto;display:block;position:relative;z-index:20}.invert-narrow{width:100%;height:auto;margin:auto;display:block;position:relative;z-index:20}#village-container{width:90%;max-width:1600px;height:85%;position:absolute;left:0;bottom:-75px}#village-container>img{max-width:100%;max-height:100%;position:absolute;bottom:0;right:0}.village-bg{max-width:550px;justify-content:flex-end}.wizard-bg{justify-content:center}#decision-overlay{position:fixed;top:0;bottom:0;left:0;width:100%;height:100%;background-color:#c4764b;opacity:.65;z-index:7}#green-bg{background-color:#285853;position:fixed;top:0;bottom:0;left:0;width:100%;height:100%}#title{width:60%;margin-left:auto;height:70%;margin-top:auto;margin-bottom:auto}h1{font-size:3em;margin:auto}h2{font-size:2.2em;margin:auto;font-weight:lighter}h1,h2{width:90%;margin:auto;color:#fff}#foreground-container{position:absolute;top:0;left:0;width:100%;height:100%;min-width:800px;min-height:600px;overflow:hidden;display:flex;flex-direction:column}#decision-fg{display:flex;width:80%;margin:auto auto 0;justify-content:space-around}.option{display:flex;flex-direction:column;flex:1;max-width:450px;min-width:200px;margin-top:200px;cursor:pointer}.option-text{background-color:#ebff00;color:#000;font-size:1.2em;padding:20px 10px}#title-screen{height:100%;outline:5px solid #285853;outline-offset:-5px}#title-screen.narrow{width:100%;height:auto;position:absolute;bottom:0}#decision-fg img{max-width:100%;max-height:100%}#question-text{text-align:center;color:#fff;font-size:1.7em}#village-fg{width:90%;height:100%;margin:auto auto 0;display:flex;justify-content:space-around}#village-text{font-size:1.7em;width:60%;background:white;padding:15px;border:2px solid black;border-radius:15px}#character-container{width:40%;position:relative;max-width:550px}#character-container img{width:70%;min-height:80%;position:absolute}#manager{bottom:0;right:0;z-index:5}#politician{bottom:0;left:0;z-index:6}#village-text{z-index:15;height:fit-content}.red{color:#c4764b!important}.blue{color:#0d4262!important}.big{color:#fff;font-size:2.2em;max-width:75%;margin:auto}#wizard-fg{width:90%;height:70%;margin:auto;display:flex;align-items:center;justify-content:center}#wizard-face{width:45%;min-width:450px;max-width:600px;flex:1}#wizard-text{width:50%;color:#fff;font-size:2.3vmax}#manager-decision{display:flex;max-width:400px;flex-direction:column;justify-content:flex-end}#manager-decision img{transform:translateY(50px)}#media-text{color:#fff;background-color:#285853;font-size:1.5rem;position:absolute;bottom:50px;right:15px;padding:15px;max-width:50%}#overview{width:95%;height:95%;margin:auto;display:flex;flex-direction:column}#overview-flex{display:flex;justify-content:center}.overview-pair{display:flex;flex-direction:column;min-width:130px;width:14.25%;padding:5px;position:relative}.arrow{position:absolute;top:50%;right:0;transform:translate(50%,-50%);color:#fff;width:75px;z-index:20}.overview-pair img{width:100%;position:relative}.overview-img{z-index:15}#wizard-overview{display:flex;justify-content:center;align-items:center;flex:1;height:20%}#wizard-face-ow{max-height:100%}.overview-overlay{width:100%;height:100%;position:relative;background-color:#00000075;position:absolute;top:0;bottom:0;z-index:19}.thumbnail-small{width:100%;min-height:150px;display:flex;flex-direction:column;position:relative}.thumbnail-small:first-child{margin-bottom:25px}.thumbnail-small-text{text-align:center;margin:0;min-height:40px;padding:5px;flex:1;background-color:#1d413d;color:#fff}.choosen{color:#000;background-color:#ebff00}.fade-in{animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 900px){#wizard-fg{flex-direction:row-reverse;margin-left:100px}#wizard-text{font-size:1.5em}}@media screen and (max-width: 1200px){#village-fg{flex-direction:column-reverse}#character-container{flex:1}#village-text{align-self:flex-end}}html{height:100%;width:100%;position:relative;min-width:800px;min-height:600px}@media screen and (min-width: 1200px),(min-height: 1200px){body{overflow:hidden;position:relative;top:50%;transform:translateY(-50%)}}