@import "./style.css";

#page-title{
    color: #8cb670;
    text-align: center;
    font-size: 4rem;
    font-family: "scary_feet";
}

/* About Section */
.about-section{
    width: 80%;
    margin: auto;
    padding-top: 4rem;
}

    .about-section h1{
        color: white;
        font-size: 4rem;
        letter-spacing: 1.5px;
        font-family: "scary_feet";
    }

    .about-section p{
        font-family: "Roboto";
        padding: 1rem 2rem;
        color: white;
        font-size: 1.3rem;
        line-height: 1.5;
    }

        .about-section p a{
            color: #8cb670 ;
        }

    .visit-section h2{
        color: white;
        padding: 4rem 0 2rem 0;
        font-size: 2rem;
        text-align: center;
        font-family: "scary_feet";
        letter-spacing: 2px;
    }

    .social-links{
        display: flex;
        width: 50%;
        margin: auto;
        justify-content: space-around;
        align-items: center;
    }


/* Media Queries*/
@media only screen and (max-width: 1024px) {
     

}


@media only screen and (max-width: 700px) {
    .about-section{
        width: 90%;
    }

    .about-section h1{
        font-size: 2rem;
    }

    .about-section p{
        font-size: 1rem;
        padding: 1rem 0;
    }

    .social-links img{
        width: 40px;
        margin: 0 1rem;
    }


}

@media only screen and (max-width: 320px) {
    
}