@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,700&display=swap");

/* font familly */
* {
    font-family: "Poppins", sans-serif;
    scroll-margin-top: 100px;
}

:root {
    --red: #bc0028;
    --white: #f5f5ef;
    --dark-white: #f6f6f6;
    --gray: #333333;
    --dark-gray: #494f56;
}

p,
a {
    font-family: "PT Sans", sans-serif;
}

body {
    background: #fff;
}


nav li a:hover {
    color: linear-gradient(#BC0028, #13164D);
    border-radius: 15px;
}

.under-link {
    display: inline-block;
    text-decoration: none;
}

.under-link::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: linear-gradient(#BC0028, #13164D);
    transition: width .3s;
}


.under-link:hover::after {
    width: 100%;
}