*{box-sizing:border-box;font-family:Karla,sans-serif}body{color:#000;background-color:#87cefa}button:hover{cursor:pointer}header{position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;align-items:center;background-color:red;height:100px}header nav{position:relative;display:flex;flex-direction:row;justify-content:space-around;height:50px;width:100%}header nav img{height:70px;width:70px;margin-top:15px}header button{position:absolute;top:0;right:0;height:50px;width:50px;font-size:30px}h1{margin-left:20px}pre{white-space:pre-wrap;font-family:inherit}#heading-display{display:flex;flex-direction:row;position:absolute}#decade-display{margin-top:40px}.burger-closed,.burger-open{position:fixed;background:lightgray;color:#000;top:50;bottom:0;left:1215;right:0;z-index:100;height:200px;width:20%}.burger-closed{transform:translate(350%);transition:transform .25s cubic-bezier(.5,0,.5,1)}.burger-closed ul,.burger-open ul{list-style:none;display:flex;height:100%;flex-direction:column;justify-content:space-evenly;align-items:center;margin:0;padding:0}.burger-open{transform:translate(0);transition:transform .25s cubic-bezier(.5,0,.5,1)}.burger-open ul li{font-size:24px}.burger-open ul li:hover{color:#00f;cursor:pointer}footer{position:-webkit-sticky;position:sticky;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:red;height:100px}footer button{margin:10px;padding:5px;width:60px}footer button:hover{cursor:pointer;font-size:larger;height:40px;width:70px}#ran-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;grid-auto-rows:minmax(100px,auto);background-color:#00f;padding:10px}.ran-item{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:20px;background-color:#add8e6}.ran-item img{height:150px;width:150px;border-radius:50%}.ran-item img:hover{cursor:pointer;height:160px;width:160px}#item-info{display:none;flex-direction:column;align-items:center;margin:auto;height:75%;width:60%;background-color:#00f}#item-header{display:flex;flex-direction:row;width:100%;justify-content:space-between}#item-header button{height:50px;width:50px;font-size:30px}#item-subheader{font-size:12px}#item-description{margin-left:100px;margin-right:100px;margin-top:10px;overflow-y:scroll;-webkit-overflow-scrolling:touch}#welcome{display:none;flex-direction:column;align-items:center;margin:auto;height:75%;width:60%;background-color:#00f;padding-left:100px;padding-right:100px;line-height:1.5;overflow-y:scroll;-webkit-overflow-scrolling:touch}#welcome ul li{padding:10px 0}#disclaimer{display:none;flex-direction:column;align-items:center;margin:auto;height:75%;width:60%;background-color:#00f;padding-left:100px;padding-right:100px;line-height:1.5;overflow-y:scroll;-webkit-overflow-scrolling:touch}#disclaimer ul li{padding:10px 0}#credits{display:none;flex-direction:column;align-items:center;margin:auto;height:75%;width:60%;background-color:#00f;padding-left:100px;padding-right:100px;line-height:1.5;overflow-y:scroll;-webkit-overflow-scrolling:touch}#credits ul li{padding:10px 0}@media (max-width: 1400px){.burger-open{transform:translate(0);right:0;top:-50%;position:sticky;transition:transform .25s cubic-bezier(.5,0,.5,1)}}@media (max-width: 1200px){#ran-grid{grid-template-columns:repeat(5,1fr);gap:10px;grid-auto-rows:minmax(100px,auto);padding:10px}#item-info,#welcome,#disclaimer,#credits{width:70%}#welcome,#disclaimer,#credits{padding-left:80px;padding-right:80px}#item-description{margin-left:80px;margin-right:80px}}@media (max-width: 1000px){#ran-grid{grid-template-columns:repeat(4,1fr);gap:10px;grid-auto-rows:minmax(100px,auto);padding:10px}#item-info,#welcome,#disclaimer,#credits{width:80%}#welcome,#disclaimer,#credits{padding-left:60px;padding-right:60px}#item-description{margin-left:60px;margin-right:60px}}@media (max-width: 800px){header,footer{background-color:#8b0000}#ran-grid{background-color:#00008b}#ran-grid{grid-template-columns:repeat(3,1fr);gap:10px;grid-auto-rows:minmax(100px,auto);padding:10px}.ran-item{display:flex;flex-direction:row;justify-content:center;padding:20px;height:fit-content;aspect-ratio:1/1}.ran-item img{height:150px;width:150px;border-radius:50%}.ran-item img:hover{cursor:pointer;height:160px;width:160px}.burger-open ul li{font-size:18px}#item-info,#welcome,#disclaimer,#credits{width:90%}#welcome,#disclaimer,#credits{padding-left:40px;padding-right:40px}#item-description{margin-left:40px;margin-right:40px}}@media (max-width: 600px){header,footer{background-color:#8b0000}#ran-grid{background-color:#00008b}#ran-grid{grid-template-columns:repeat(2,1fr);gap:10px;grid-auto-rows:minmax(100px,auto);padding:10px}.ran-item{display:flex;flex-direction:row;justify-content:center;padding:20px;height:fit-content;aspect-ratio:1/1}.ran-item img{height:150px;width:150px;border-radius:50%}.ran-item img:hover{cursor:pointer;height:160px;width:160px}footer nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;grid-auto-rows:minmax(10px,auto)}footer button{margin:5px;padding:5px}.burger-open ul li{font-size:14px}#item-info,#welcome,#disclaimer,#credits{width:100%}#welcome,#disclaimer,#credits{padding-left:20px;padding-right:20px}#item-description{margin-left:20px;margin-right:20px}}@media (max-width: 400px){header,footer{background-color:#8b0000}#ran-grid{background-color:#00008b}#ran-grid{grid-template-columns:repeat(2,1fr);gap:10px;grid-auto-rows:minmax(100px,auto);padding:10px}.ran-item{display:flex;flex-direction:row;justify-content:center;padding:20px;height:fit-content;aspect-ratio:1/1}.ran-item img{height:120px;width:120px;border-radius:50%}.ran-item img:hover{cursor:pointer;height:130px;width:130px}}#intro{margin-top:25%;display:flex;flex-direction:column;align-content:center;justify-content:center;align-self:center;align-items:center;justify-items:center}#intro-title{font-size:40px;margin-bottom:10px}#intro-info{font-size:19px;font-weight:400;margin:0}#start-quiz{font-size:16px;color:#fff;background-color:#4d559e;padding:15px 40px;border-radius:15px;margin-top:20px;text-decoration:none}.check-answers{display:flex;flex-direction:row;align-content:center;align-items:center;justify-content:center;justify-items:center}.check-answers p{font-weight:700;margin-right:20px}.check-answers-button{font-size:10px;color:#fff;background-color:#4d559e;padding:10px 20px;margin-top:5px;margin-bottom:20px;border-radius:10px;border:none;text-decoration:none}.question-container{margin-top:40px;margin-left:75px;margin-right:75px}.question{border-bottom:1px solid #DBDEF0;display:flex;flex-direction:column;margin-bottom:15px}.question-question{color:#293264;font-size:16px;font-weight:700;margin-top:0;margin-bottom:15px}.question-answers{margin-top:0;margin-bottom:15px}.answer,.correct,.incorrect{font-family:Inter;font-size:10px;font-weight:500;color:#4d559e;background-color:#f5f7fb;min-width:70px;max-width:20%;min-height:20px;max-height:50px;margin-right:15px;margin-top:0;margin-bottom:0;padding:5px 15px;border-radius:15px;border-color:#4d559e}.correct,.incorrect{background-color:#add8e6;box-shadow:5px}.disabled{pointer-events:none;opacity:.8}.correct-marked{background-color:#90ee90;color:#000;opacity:1}.incorrect-marked{background-color:salmon;color:#000;opacity:1}