:root{
    --accent: #fde969;
}

body{
    background-image: linear-gradient(180deg, #0910C1, #7CC0E7);
    overflow: hidden;
}
#clouds{
    perspective: 10cm;
}
@keyframes clouds-scrolling {
    0%{background-position: 400px 0;}
}
#clouds::before{
    content: "";
    display: block;
    width: 200vw;
    height: 100vh;
    border: 1px solid red;
    background-image: url(/quiz/ac/assets/clouds.png);
    transform: rotate3d(1, 0, 0, -20deg);
    animation: clouds-scrolling 50s infinite;
    animation-timing-function: linear;
    position: absolute;
    top: -100px;
    left: -60vw;
    -webkit-mask-image: linear-gradient(180deg, #000 50%, transparent 80%);
}

iframe{
    width: calc(100% - 15px);;
    height: calc(100% - 15px);
    margin: 5px;
    overflow: auto;
    border: none;
}

a{
    color: var(--accent);
    text-decoration: underline;
}
#credits{
    color:white; 
    padding: 5px;
}