@import url('https://fonts.googleapis.com/css2?family=Macondo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Stack+Sans+Notch:wght@200..700&display=swap');

* {
    margin: 0px;
    padding: 0px;
    /* font-family: "Macondo", cursive; */
    font-family: "Stack Sans Notch", sans-serif;
}

body {
    background-color: #0e2a3a;
    color: aliceblue;
    height: 100vh;
}

header {
    height: 30vh;
}

.container {
    width: 1024px;
    margin: 0px auto;
}

.explore {
    /* margin: 35% 0px; */
    height: 55vh;
}

.getStarted {
    border: 1px solid blue;
    background-color: blue;
    color: cyan;
    padding: 2% 4%;
    display: inline-block;
    margin: 10px 0px;
}

p {
    font-size: 20px;
    margin: 5px 0px;
}

.mlogo {
    margin: 3% 0px;
}

@media screen and (max-width: 1024px) {
    .container {
        width: 90%;
        padding: 15px;
    }
}