@import url("styles/about.css");
@import url("styles/colors.css");
@import url("styles/contact.css");
@import url("styles/fixed.css");
@import url("styles/fonts.css");
@import url("styles/groups.css");
@import url("styles/index.css");
@import url("styles/project.css");
@import url("styles/success.css");
@import url("styles/z-index.css");

@import url("styles/test_1.css");

body {
    background-color: var(--background);
    color: var(--white);
    font-family: "Inter", sans-serif;
}

h1, h2, h3, .subtitle {
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
}
h1 {
    font-size: 2em;
}
h2 {
    font-size: 1.7em;
}
h3 {
    font-size: 1.5em;
}
.subtitle {
    font-size: 1.7em;
}

a, .proj-date {
    color: var(--white);
    font-family: "Solitreo", cursive;
    font-weight: 400;
    font-style: normal;
}

a:hover {
    text-decoration: line-through;
}

/*
.flower {
    transform: scale(1.1);
    transition: ease-in-out 0.5s;
}*/

.ripple {
    width: 8px;
    height: 8px;
    background-color: transparent;
    position: fixed;
    border-radius: 50%;
    border: 0.5px solid #d2ecd8db;
}
@keyframes ripple-effect {
    to {
        transform: scale(15);
        opacity: 0.01;
    }
}