* {
    box-sizing: border-box;
}

body {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: #393737;
    max-width: 100vw !important;
    --myblue: #3073C1;
}

.rajdhani-semibold {
    font-family: "Rajdhani", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.rajdhani-bold {
    font-family: "Rajdhani", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.text-myblue {
    color: var(--myblue);
}

.bg-myblue,
button[type=submit] {
    background-color: var(--myblue);
}

img {
    max-height: 40vh;
}

div.title-underline::before {
    content: "";
    position: absolute;
    height: 0.55rem;
    width: 4rem;
    margin-top: -0.15rem;
    background-color: var(--myblue);
}

div#more-projects {
    max-height: 0px;
    transition: max-height 3s ease-in-out 0s;
}

div#more-projects.show {
    max-height: 400vh;
}