body{background:#1b1b49}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.logoelement h1{font-family:Inter Tight,Arial,Helvetica,sans-serif}.content{font-size:14;gap:120px}.videocontainer{aspect-ratio:5/7}.videocontainer video{max-height:calc(140vw - 28px)}.grid-item{background-color:none}.gray-heading{color:#181818;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:28px}.header{background-color:#000;background:url(/static/media/tausta1-more-darkened.9b36ed266c95bd57df54.png);background-attachment:fixed;background-size:cover;box-sizing:border-box;color:#fff;flex-direction:column;font-family:Yle Next,Arial,Helvetica,sans-serif;font-weight:800;min-height:35vh;padding:60px 20px;width:100vw}.header,.logoelement{align-items:center;display:flex;gap:15px;justify-content:center}.logoelement{flex-direction:row;padding-top:10px}.logoelement h1{color:#fff;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:44px;font-weight:600;font-weight:bolder;margin:0;max-width:800px}.infosection{display:flex;flex-direction:column;gap:30px;max-width:600px}.bigbutton{background:linear-gradient(-42deg,#f282c5cc,#9d94e3cc);background-color:#b8b1e3;border-radius:500px;color:#fff;font-size:20px;font-weight:700;padding:9px 50px;text-decoration:none;transition:color .2s linear,background-color .2s linear}.bigbutton:hover{background-color:#262626}.content{align-items:center;background:url(/static/media/tausta2.e46d810b9435baaeb42d.png);background-size:100%;box-sizing:border-box;color:#181818;flex-direction:column;font-family:Yle Next,Arial,Helvetica,sans-serif;font-weight:400;gap:70px;padding:80px 15px}.content,.videocontainer{display:flex;justify-content:center;width:100%}.videocontainer{aspect-ratio:9/16;flex-wrap:wrap;max-height:80vh;max-width:500px}.videocontainer video{border-radius:12px;box-shadow:10px 10px 0 #18181866;flex-wrap:wrap;height:100%;max-height:calc(177.77778vw - 35.55556px);overflow:hidden}.narrower{max-width:350px}.flex-column{align-items:center;display:flex;flex-direction:column;justify-content:center}.no-margin{margin:0;padding:0}.grid-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:1200px;width:calc(100% - 10px)}.grid-item{aspect-ratio:1/1;background:none;border-radius:10px;box-shadow:10px 10px 0 #18181866;box-sizing:border-box;flex:1 1 auto;max-width:300px;min-width:100px;overflow:hidden}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:768px){.grid-item{flex-basis:calc(50% - 10px);flex-grow:0;flex-shrink:0}}@media screen and (max-width:480px){.grid-container{justify-content:center}.grid-item{flex:0 0 100%}}@media screen and (max-width:520px){.logoelement{flex-direction:column;padding-top:50px}.logoelement h1{font-size:40px}}.navbarcontainer{background-color:#f8edf100;color:#fff;display:flex;padding:7px 0;position:fixed;transition:padding .25s ease-in-out,background-color .25s linear;width:100vw;z-index:1000}.navbar{align-self:center;background-size:100%;box-sizing:border-box;display:flex;flex-direction:row;font-family:Yle Next,sans-serif;font-size:15px;font-weight:800;justify-content:space-between;margin:auto;max-width:1100px;padding:0 17px;width:100vw}.opaqueNavbar{background-color:#f8edf1;color:#181818}.shortenedNavbar{padding:0}.borderBottom{border-bottom:1px solid #867594}p{display:flex;gap:15px;margin:10px 0}.navlink{color:#fff;font-weight:700;padding:8px 0;text-decoration:none;transition:color .15s linear}.opaqueNavbar a{color:#181818}.button{background-color:#fff;border-radius:500px;color:#3a0032;padding:7px 14px;text-decoration:none;transition:color .15s linear,background-color .15s linear}.button:hover{background-color:#ccc}.opaqueNavbar .button{background:linear-gradient(-42deg,#f282c5cc,#9d94e3cc);background-color:#b8b1e3;color:#fff;transition:color .2s linear,background-color .2s linear}.opaqueNavbar .button:hover{background-color:#262626}.navImage{margin:0;max-height:37px;padding:0}.navlink:hover{text-decoration:underline}@media screen and (max-width:450px){.navlink{display:none}}@font-face{font-family:Yle Next;font-style:normal;src:url(/static/media/YleNextVar.edb2a87f3a66cb0529c9.woff2) format("woff2")}@font-face{font-family:Yle Next Italic;font-style:normal;src:url(/static/media/YleNextVar-Italic.44b6d581a7442f6ca17f.woff2) format("woff2")}.footercontainer{background:#f8edf1;border-top:1px solid #867594;box-sizing:border-box;flex-direction:column;font-family:Yle Next,Arial,Helvetica,sans-serif;font-size:14px;font-weight:500;gap:20px;padding:40px 20px;width:100vw}.footercontainer,.linkrow{display:flex;justify-content:center}.linkrow{align-self:center;color:#181818;flex-direction:row;flex-wrap:wrap;gap:15px;max-width:800px}.linkrow p{margin:0;white-space:nowrap}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.background{background:url(/static/media/tausta2.e46d810b9435baaeb42d.png);height:100vw;overflow:hidden;position:relative;width:100vw}.body-container{display:flex;flex-direction:column;flex-wrap:wrap;gap:30px;justify-content:space-between;max-width:1000px}.roster-container{align-items:center;display:flex;justify-content:center}.headings-container{display:grid;place-items:center}.cat-pic{align-self:flex-end;max-width:500px;width:100%}.cat-pic img{border-radius:12px;box-shadow:10px 10px 0 #18181866;max-width:385px}h1{color:#000;font-size:40px}h1,h2{position:static}h2{color:#a91e76;font-family:Yle Next Italic;font-size:20px;font-weight:700;max-width:650px}.textitem1{align-self:flex-start}.textitem1,.textitem2{color:#000;max-width:500px;padding:1rem}.textitem2{align-self:flex-end}.text-item3{color:#a91e76;font-size:30px;font-weight:700;padding-top:20vh;text-align:center}.text-item4{color:#000;font-size:20px;padding:0 10px;text-align:left}.text-item5{border-radius:12px;color:#000;font-size:14px;padding:0 5px}.textitem2:nth-child(odd){margin-left:auto}.textitem1:nth-child(2n){margin-right:auto}.pink-word{color:#a91e76}.bold-word{font-family:Yle Next Italic;font-weight:700}.term-element{display:flex;flex-direction:row;gap:10px;margin:20px 0}.term-element p{margin-bottom:0;margin-top:0}.explanation{margin-left:0}.pink-and-bold-and-cursive-word{color:#a91e76;font-family:Yle Next Italic;font-weight:700;min-width:170px}@media screen and (max-width:550px){.term-element{flex-direction:column;gap:7px}.explanation{margin-left:30px}}*{border:0 solid red}.ScrollAreaRoot{--scrollbar-size:10px;background-color:#fffcfe;border-radius:10px;box-shadow:10px 10px 0 #1818184d;font-family:Yle Next,Arial,Helvetica,sans-serif;height:250px;max-width:450px;overflow:hidden;padding:0;width:100%}.ScrollAreaViewport{border-radius:inherit;box-sizing:border-box;height:100%;padding:15px 0 0;text-align:left;width:100%}.ScrollAreaViewport ul{margin:0;padding:0}.ScrollAreaViewport li{padding-left:20px;padding-right:20px;transition:.2s ease-in-out}.ScrollAreaViewport li:hover{background:#f2f2f2}.ScrollAreaScrollbar{background-color:#e5e5e5;display:flex;padding:2px;touch-action:none;transition:background-color .16s ease-out;-webkit-user-select:none;user-select:none}.ScrollAreaScrollbar:hover{background-color:#cfcfcf}.ScrollAreaScrollbar[data-orientation=vertical]{width:7px}.ScrollAreaScrollbar[data-orientation=horizontal]{flex-direction:column;height:7px}.ScrollAreaThumb{background-color:#aaa;border-radius:50px;flex:1 1;position:relative}.ScrollAreaThumb:before{content:"";height:100%;left:50%;min-height:44px;min-width:44px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.ScrollAreaCorner{background:var(--black-a8)}.Text{font-size:18px;font-weight:600;padding:3px 20px}.Tag,.Text{color:#181818;line-height:18px;margin-bottom:10px}.Tag{display:inline-block;font-size:13px;padding-top:10px;text-decoration:none;width:calc(100% - 30px)}.sourceContainer{align-items:center;border-top:1px solid #ddd;cursor:pointer;display:flex;flex-direction:row;text-decoration:none}.sourceArrow{height:15px;padding-left:20px;width:10px}body{font-family:Yle Next,Arial,Helvetica,sans-serif;overflow-x:hidden}.test-content{background:url(/static/media/tausta2.e46d810b9435baaeb42d.png) no-repeat 50%;background-size:cover;min-height:calc(100vh - 100px);padding:100px 20px 26px}.question-section,.test-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.question-section{background-color:#000000b3;border-radius:15px;box-shadow:5px 5px 15px #00000080;color:#fff;margin:25px 0;max-width:600px;padding:20px;text-align:center;width:80%}.question-count{font-size:1.2rem;margin-bottom:10px}.question-text{font-size:1.5rem;margin-bottom:20px}.image-container img{height:auto;margin-bottom:20px;max-width:580px;width:90%}.paragraph-container{margin-bottom:25px;width:90%}.answer-section{gap:10px;width:100%}.answer-section,.option{display:flex;flex-direction:column}.option{align-items:center}.option button{background-color:#f282c5cc;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1.5rem;padding:5px 10px;transition:background-color .3s ease}.option button:hover{background-color:#9187e2cc}.option-description{padding:5px}.feedback,.option-description{color:#fff;font-size:1rem;text-align:center}.feedback{background-color:#008000cc;border-radius:10px;margin-top:20px;padding:10px;width:90%}.correct{background-color:#4caf50}.incorrect{background-color:#f44336}.next-button{background-color:#f282c5cc;border:none;border-radius:20px;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;font-size:1.2rem;margin-top:20px;padding:10px 30px;transition:background-color .3s}.next-button:hover{background-color:#9187e2cc}.results-section{align-items:center;align-self:center;display:flex;justify-content:center}.result-message{background-color:#000000bf;border-radius:10px;border-radius:15px;box-shadow:5px 5px 15px #00000080;color:#fff;font-size:1.2rem;margin-bottom:20px;margin-top:20px;padding:20px;text-align:center;transition:background-color .3s,transform .3s;width:70%}.result-message h1{color:hotpink}@media (max-width:700px){.image-container img,.question-section{max-width:none;width:90%}.question-count{font-size:1rem}.question-text{font-size:1.3rem}.feedback,.option-description{font-size:.9rem}.option button{font-size:1.2rem}.next-button,.result-message{font-size:1rem}.result-message{width:90%}}
/*# sourceMappingURL=main.b1c6e5ad.css.map*/