.container,.header h1{background-color:#ffd6e9}.container,.title{padding:20px;margin:auto}.box,.container{display:grid;grid-gap:10px}.container,.results{max-width:800px;margin:auto}.submit,body{font-family:timesnewroman,sans-serif}*{box-sizing:border-box}img{width:100%;display:block}body{background-color:#ff69b4}.title{width:75%}.header h1{font-size:5em;color:#fff;padding:20px;text-align:center;border:5px solid #f40580}.container,.item h2{border:5px solid #fff}.container{color:#f40580;grid-template-columns:1fr}.box{background-color:#114084;color:#f1f1f1;grid-template-columns:1fr 1fr 1fr 1fr;padding:10px}.item h2{padding:10px;cursor:pointer}h1{font-size:2.5em}.selected{color:#9370db}.results{background-color:#ffd6e9;color:#fff;border:20px solid #f40580;padding:20px;font-size:1.5em;display:none}.rank,.submit{color:#f40580;font-size:2em}.buttonbox{background-color:#f40580;border-radius:50%;width:100%;margin:auto auto 30px;height:25vw;text-align:center;display:grid;border:20px solid #fff;animation:1.5s linear infinite change}@keyframes change{0%,100%{border-color:#ff69b4}50%{border-color:orange}}.submit{background-color:#ffd6e9;border:none;width:60%;height:40%;margin:auto;font-style:italic;font-weight:700}@media only screen and (max-width:800px){.title{width:100%;padding:20px 10px}.header h1{font-size:4em}.results{font-size:1em}}