@import "home.css";
@import "about.css";
@import "contact.css";

/* Reset */
* {
    margin: 0;
    padding: 0;
    border: none;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

/* Cores */
:root {
    --main-color: #fff;
    --secondary-color: #000;
    
    --link-active: #50C878;
}

a {
    /* text-decoration: none; */
    color: var(--secondary-color);
    transition: 0.5s;
}

a:hover {
    color: var(--link-active);
    transform: scale(1.02);
}

/* Transição entre páginas */
.fade {
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
} 

.fade.show {
    opacity: 1;
}

/* Títulos */
h5, h3, h2, a {
    text-transform: uppercase;
}

/* Navbar active */
.active {
    color: var(--link-active) !important;
}

.logo {
    filter: invert(1);
    width: 120px;
}

/* Links Sociais */
.custom-social-link {
    margin-right: 50px;
    transform: scale(0.5);
    transition: 0.5s;
}

.custom-social-link:hover {
    transform: scale(0.5) translateY(-15px);
}

.social_icon {
    width: 200px;
    height: 200px;
}


@media screen and (max-width: 821px){
    .social_icon {
        width: 130px;
        height: 130px;
    }
}