.header {
    background-image: url("../images/header.jpg");
    height: 100vh;
    width: 100%;
}

.avatar {
    height: 77vh;
}

header .r-icon a {
    color: whitesmoke
}
div .nav-link{
    color: white;
}
div .nav-link:hover{
    color: red;
}
div .navbar-brand{
    color: white;
}
div .navbar-brand:hover{
    color: red;
}
header .r-icon a:hover {
    color: red;
    transition: 1s all;
    font-size: 20px;
}

header .About h1 {
    color: red;
    font-family: Apple Chancery;

}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');

.animation_text h1 {
    font-family: "Poppins", sans-serif;
    color: #373150;
    font-size: 60px;
    font-weight: 500;
    margin-top: 150px;
}

.animation_text h1 span {
    color: red;
}

@media(max-width:768px) {
    .animation_text h1 {
        font-size: 30px
    }
}
header .animation_text h1{
    color: white;
}


.scrollable-element {
    scrollbar-color: red yellow;
  }