@import url("./root.css");


*,
::before,
::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* outline: 1px solid orange; */
}

html,
body {
    font-size: 62.5%;

}



body {
    /* padding: 50px; */
    font-family: var(--open-sans);
    overflow-x: hidden;
}

section {
    padding: 180px 60px 0;
}

.button {
    width: 30%;
    background: linear-gradient(90deg, rgba(82, 200, 214, 1) 0%, rgba(61, 174, 208, 1) 100%);
    cursor: pointer;
    color: var(--White);
    font-size: 1.6rem;
}

.title-h2 {
    font-size: clamp(2.8rem,4vw,5rem) ;
    color: var(--White);
    font-family: var(--raleway);
}

::selection {
    background-color: var(--color-selection);
}

p {
    font-family: var(--open-sans);
}

.card-title {
    font-size: 2rem;
}