:root{--color-primary:#000;--color-bg:#e6e6e6;--color-accent:#121212;--color-negative:#d8312e;--color-positive:#319636;--color-text:#030303;--color-main-1:#40798c;--color-main-2:#f39237;--color-main-3:#d63230;--transition-animation:all .3s ease-out;--box-shadow:0 1px 3px rgba(0,0,0,.12);--box-shadow-heavy:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);--font-title:Oswald,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-text:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif}*,:after,:before{box-sizing:border-box;font-weight:400;margin:0}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#dedede}::-webkit-scrollbar-thumb{background:var(--color-primary)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}html{overflow:auto}body,html{height:100%;width:100%}body{color:var(--color-text);font-family:var(--font-text);font-size:15px;line-height:1.6;text-rendering:optimizeLegibility;transition:color .5s,background-color .5s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#__nuxt{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}main{flex-grow:1;margin:0 auto;width:100%}footer{background-color:var(--color-primary);color:#fff;padding:1rem;text-align:center}b,strong{font-weight:700}h1{font-size:3rem}.title,h1,h2,h3{font-family:var(--font-title)}.block{display:grid}.block h1{font-size:2.5rem}.block ul{margin:1rem 0}.block ul li span{font-weight:700}.block ul li p{margin-top:0}a{-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease-out}a:hover{opacity:.7}main{display:grid}strong{text-decoration:underline}article{min-height:calc(100vh - 132px)}.intro{align-content:center;align-items:center;color:#fff;display:grid;gap:4rem;grid-template-columns:auto auto;justify-content:space-around;position:relative;width:100%}.intro h1{font-size:6rem;padding:2rem;text-transform:uppercase}.intro-text{font-size:2rem;max-width:600px;padding:2rem}.article{align-content:center;align-items:center;display:grid;grid-template-columns:auto auto;justify-content:center;min-height:100vh;opacity:0;transform:translateY(10px);width:100%}.article h1,.choice h1{line-height:1em;margin-bottom:1rem}.article p,.choice p{font-size:1.2rem}.article p a,.choice p a{color:inherit;font-weight:700;text-decoration:underline}.article:nth-child(3n+1){background:var(--color-main-1);color:#fff}.article:nth-child(3n+2){background:var(--color-main-2)}.article:nth-child(3n){background:var(--color-main-3);color:#fff}.article-title{max-width:600px;padding:4rem}.article-image{margin:4rem;width:600px}.article-image img{height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%}.container{display:grid}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-primary);border:none;color:#fff;cursor:pointer;display:inline-block;font-family:var(--font-title);font-size:1.2rem;padding:1rem;text-transform:uppercase;transition:all .2s ease-out}.button:hover{opacity:.7;transform:scale(.9)}.controls{align-items:center;display:flex;gap:2rem;margin-top:1rem}.controls a{background:#000;padding:1rem;text-decoration:none;text-transform:uppercase}.disabled{opacity:.5;pointer-events:none}.animate-delay{animation-duration:2s;animation-fill-mode:both;animation-name:animate-delay}@keyframes hover{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes animate-delay{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulsate{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media screen and (max-width:1280px){.intro{gap:1rem;grid-template-columns:auto;justify-content:center;padding:1rem;text-align:center}.intro h1,.intro-title{padding:0}.intro-text{font-size:1.4rem;padding:0}.article{grid-template-columns:auto}.article-image{margin:1rem auto;max-width:100%;width:400px}}@media screen and (max-width:560px){.intro h1{font-size:3rem}.intro-text{font-size:1.2rem}.article-image,.article-title,.choice-show,.choice-title{max-width:100%;padding:2rem;width:100%}}
