*{
    font-family: "share tech mono";
}

body {
    background-image: url(/img/background-img.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;

}

main {
    width: 90%;
    display: grid;
    grid-template-columns: 1fr;
    margin: 0 auto;
}


section:nth-of-type(1) {
    width: 100%;
    height: 60vh;
    margin-top: 15vh;
    border: 2px solid white;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-content: space-evenly;
}


section:nth-of-type(2) {
    margin-top: 10%;
    border: 2px solid white;
    width: 100%;
    height: 13vh;
    color: white;
    padding: 5%;
    font-size: 20px;
}


@media (min-width: 700px) and (orientation: landscape) {
    section:nth-of-type(1) {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        padding: 0 16rem 0 16rem;
 }

    section:nth-of-type(2) {
        margin-top: 3%;
        padding: 2%;
 }
}


@media (min-width: 1000px) {
    section:nth-of-type(1) {
        display: grid;
        grid-template-columns: 1fr 1fr;
 }
    section button a img {
      width: 227px;    
}
}