@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Code:ital,wght@0,300..800;1,300..800&display=swap');

body, html {
    height: 100%;
    background-color: #EBE4D5;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

main {
    text-align: center;
    margin: auto 10vw;
    background-color: #0C4767;
    padding: 3vw;
    border-radius: 5vw;
    font-family: "Google Sans Code", monospace;
  font-optical-sizing: auto;
  font-style: normal;
}

#quoted {
    text-align: right;
}

h2, h3 {
    color: #F1EBE4;
    font-weight: 200;
}

h1 {
    color: #F1EBE4;
}

button {
    all: unset;
    border: 4px solid #8D8A82;
    font-size: 2.5vw;
    background-color: #EBE4D5;
    color: #2F2F2F;
    padding: 1vw;
    border-radius: 20px;
}

@media (min-width: 1200px) {
    button {
        font-size: 25px;
    }
}

@media (max-width: 700px) {
    main {
        background-color: #0C4767;
        margin: 0;
    }

    body {
        background-color: #0C4767;

    }

    button {
        font-size: 18px;
        padding: 6px;
    }
}