@import url('https://fonts.googleapis.com/css2?family=Darker+Grotesque&display=swap');

.background-color-1 {
    background-color: #727D73;
}

.background-color-2 {
    background-color: #AAB99A;
}

.text-color-1 {
    color: #546054;
}

.text-color-2 {
    color: #6c6c60;
}

.text-color-3 {
    color: #eeeee3;
}

.hero-section {
    height: 100vh;
}

.container {
    max-width: 100%;
}

.navmenu {
    position: fixed;
    width: 100%;

}

.nav-link {
    color: white !important;
}

#home {
    background-image: url("../Image/hello.webp");
}

#home span {
    font-size: 2.5rem;
}

#home h1 {
    font-size: 4rem;
}

.input-cursor {
    display: inline-block;
    width: 1px;
    height: 2.5rem;
    background-color: black;
    animation: blink 0.6s linear infinite alternate;
}

@keyframes blink {
    0% {opacity: 1;}
    40% {opacity: 1;}
    60% {opacity: 0;}
    100% {opacity: 0;}
}

[data-modal] {
    cursor: pointer;
}

[data-modal]:hover {
    transform: scale(1.05);
}

#education p{
    font-size: 15px;
}

.also-like img {
    width: 200px !important;
    height: 200px !important;
}

.about-me-img {
    max-height: 40rem;
    max-width: 40rem;
}