/* Geral */
.main-container{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 75vh;
}
.name h1{
    font-family: var(--dancing-script);
    font-size: 9rem;
    text-align: center;
}
.name h5{
    font-family: var(--normal-text);
    font-size: 3rem;
    text-align: center;
    font-weight: 400;
}
.name{
    flex: 2.5;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.icons{
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    flex: 1;
}
.icons a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem; 
    height: 4rem; 
    transition: transform 0.3s; 
}
.icons a i {
    font-size: 3rem;
    opacity: 0; 
    animation: slide-in 0.5s ease forwards;
}
.icons a i:hover {
    font-size: 4rem;
}
.icons a:nth-child(1) i {
    animation-delay: 0.6s;
}
.icons a:nth-child(2) i {
    animation-delay: 1s; 
}
.icons a:nth-child(3) i {
    animation-delay: 1.4s; 
}
@keyframes slide-in {
    0% {
        transform: translateX(10rem); 
        opacity: 0; 
    }
    100% {
        transform: translateX(0); 
        opacity: 1;
    }
}