/*setup*/
body{margin: 0}
@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght,YOPQ@100..900,300&display=swap');

:root{
    --color-1:#4d5fe3;
    --color-2:#3851a2;;
    --bg-1:#fff;
    --bg2:#e6e6e6;
    --col-txt:#000;
    --shadow:0 4px 8px rgba(0, 0, 0, 0.1);
    --font-h:"Kumbh Sans", sans-serif;
    --font-p:"Kumbh Sans", sans-serif;
    --font-weight-h:600;
    --font-weight-p:400;
}
html {font-size: 100%;}
h1 {font-size: 4.210rem;}
h2 {font-size: 3.158rem;}
h3 {font-size: 2.369rem;}

@media (max-width:500px ){
    h1 {font-size: 3.158rem;}
    h2 {font-size: 2.369rem;}
    h3 {font-size: 1.777rem;}
}
p,span,label{
    margin: 0;
}
html{
    font-family: var(--font-p);
    font-weight: var(--font-weight-p);
    color: var(--col-txt);
}
h1,h2,h3{
    color: var(--color-2);
    font-family: var(--font-h);
    font-weight: var(--font-weight-h);
}

/*groups*/

.buttons {
    display: flex;
    gap: 1rem;
}

.btn1,
.btn2 {
    display: inline-block;
    padding: 0.875em 2em;
    color: #fff;
    text-decoration: none;
    border-radius: 0.5em;
}

.btn1 {
    background: var(--color-1);
}

.btn2 {
    background: var(--color-2);
}



.first-subpage{
    padding: 4rem 32px;
}

@media (min-width: 1000px) {
    .first-subpage {
        padding-left: 10%;
        padding-right: 10%;
    }
}
.first-subpage h1{
    text-align: center;
    margin: 0;
}