.social-media{
    display: grid;
    color: #a2a2a2;
    text-align: center;
    font-family: 'Poppins-Thin';
}

#icons{
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right:auto;
    gap: 10px;
}

#youtube{
    height: 40px;
    filter: invert(69%) sepia(0%) saturate(1%) hue-rotate(107deg) brightness(91%) contrast(87%);
    transition: filter 0.1s ease-in-out;
}

#youtube:hover{
    filter: invert(15%) sepia(80%) saturate(6537%) hue-rotate(358deg) brightness(103%) contrast(112%);
}

#youtube:active{
    filter: invert(15%) sepia(80%) saturate(6537%) hue-rotate(358deg) brightness(103%) contrast(112%);
}

#github{
    height: 40px;
    filter: invert(69%) sepia(0%) saturate(1%) hue-rotate(107deg) brightness(91%) contrast(87%);
    transition: filter 0.1s ease-in-out;
}

#github:hover{
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(73deg) brightness(103%) contrast(103%);
}

#github:active{
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(73deg) brightness(103%) contrast(103%);
}

#discord{
    height: 40px;
    filter: invert(69%) sepia(0%) saturate(1%) hue-rotate(107deg) brightness(91%) contrast(87%);
    transition: filter 0.1s ease-in-out;
}

#discord:hover{
    filter: invert(28%) sepia(98%) saturate(3409%) hue-rotate(239deg) brightness(109%) contrast(101%);
}

#discord:active{
    filter: invert(28%) sepia(98%) saturate(3409%) hue-rotate(239deg) brightness(109%) contrast(101%);
}

#twitterx{
    height: 40px;
    filter: invert(69%) sepia(0%) saturate(1%) hue-rotate(107deg) brightness(91%) contrast(87%);
    transition: filter 0.1s ease-in-out;
}

#twitterx:hover{
    filter: invert(45%) sepia(86%) saturate(1473%) hue-rotate(169deg) brightness(104%) contrast(105%);
}

#twitterx:active{
    filter: invert(45%) sepia(86%) saturate(1473%) hue-rotate(169deg) brightness(104%) contrast(105%);
}

.langres{
    display: grid;
    color: #a2a2a2;
    text-align: center;
    font-family: 'Poppins-Thin';
}

#langres-icons-1{
    display: flex;
    height: 40px;
    gap: 10px;
    margin-left: auto;
    margin-right: auto;
}

#langres-icons-2{
    display: flex;
    height: 39px;
    gap: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
}

#langres-icons-3{
    display: flex;
    height: 40px;
    gap: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
}

.about-me{
    font-family: 'Poppins-Thin';
}