@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Open+Sans:wght@300;400&family=Rubik+Doodle+Shadow&family=Whisper&display=swap');

* {
    margin: 0;
    text-underline-offset: .25rem;
}

body {
    
}

header {
    /* font-family: "Rubik Doodle Shadow"; */
    font-family: "Archivo Black";
    color: #18d270;
    margin: 0 1rem;
}

.branding {
    display: flex;
    align-items: center;
    margin: 0.5rem auto;
    
}

.branding img {
    margin-left: 0.5rem;
}

#price {
    margin: 0 1rem;
    font-family: "Open Sans", "Sans Serif";
    font-weight: 700;
    text-align: center;
    min-height: 500px;
    background-color: #0f7a5a;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#price h1 {
    font-weight: 500;
}

.main-title {
    text-transform: uppercase;
    margin-bottom: 1rem;
    
}

.price {
    /* margin: 1rem auto;
    padding: 0.5rem;
    font-size: 2rem; */
}

.info-text {
    font-style: italic;
    font-weight: 500;
    font-size: 1rem;
    color: #9b9b9b;
    margin-top: 1rem;
}


#footer {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e6e6e6;
    color: #555;
    min-height: 4rem;
    margin: 2rem auto;
    font-family: "Open Sans";
}

#entry-content {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #555;
    min-height: 4rem;
    margin: 2rem auto;
    font-family: "Open Sans"; 
}

.cors-link {
    color: #406aad;
    font-weight: 700;
}

.cors-link::after {
    content: url("/assets/images/arrow-right.svg");
    position: relative;
    top: 3px;
    left: 5px;
}

.fa-github {
    color: #555;
    text-decoration: none;
}

.footer-slogan {
    font-family: "Open Sans";
    text-transform: uppercase;
}