html{width:100%;height:100vh;padding:0}.body{background-color:#add8e6;flex-direction:column;align-items:center;height:100%;margin:0;padding:0;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;display:flex}#app{background:0 0;flex-direction:column;align-items:center;padding:20px;display:flex}#title{text-align:center;color:#00008b;width:100%;padding:2px;text-decoration:underline}#media-cont{justify-content:center;align-items:center;padding:10px;display:flex}.media{border:2px solid #00008b;border-radius:10px;width:auto;height:55vh;box-shadow:6px 6px #00008b}#explanation{background-color:#f0f8ff80;border:2px solid #00008b;border-radius:10px;padding:20px}.boxes{grid-template-columns:repeat(2,1fr);justify-content:center;align-items:center;gap:20px;margin-top:30px;display:grid}.link{color:#00008b;background-color:#f0f8ff80;border:2px solid #00008b;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:20px;font-size:1.5rem;text-decoration:none;display:flex}.link:hover{background-color:#7fffd4;transition:background .3s}