@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap');

* {
    box-sizing: border-box;
}

body {
    background: url("../../assets/magic-sky-seamless-wallpaperv2.jpg");

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 20px;
    padding: 3%;

    font-family: Inconsolata;
    font-weight: 700;

    margin-bottom: 15%;
}

.paper {
    display: flex;
    align-items: start;
}

.paper-lines {
    background-color: white; 

    background-image: 
    linear-gradient(90deg, transparent 19px, #abced4 19px, #abced4 21px, transparent 21px),
    linear-gradient(lightskyblue .1em, transparent .1em);
    background-size: 100% 1.1em;

    padding: 21px;

    line-height: 1.1em;
}

.quote {
    margin-left: 0.5em;
}

.author {
    float: right;
    margin-left: 15%;
    margin-top: 1.1em;
}

@media screen and (max-width: 600px) {
    body {
        grid-template-columns: auto;
        margin-bottom: 50%;
    }
}