@import url('general-sans.css');

body {
    overflow-x: hidden;
}

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../../images/background\(1klase\).jpg");
    background-size: cover;
    background-position: center;
    filter: blur(10px);
    z-index: -1;
    transform: scale(1.05);
}

* {
    margin: 0;
}

/* ==== Main ==== */

.MainTitle {
    font-size: 67px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    font-family: 'GeneralSans-Semibold';
    align-items: center;
    text-align: center;
    color: white;
}

.dividerMain {
    width: 50%;
    height: 3px;
    background-color: white;
    margin: 0 auto;
}

.PagrPslAtgal {
    width: 30%;
    height: 35px;
    background-color: grey;
    border-radius: 10px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-top: 10px;
    color: white;
    font-family: 'GeneralSans-Semibold';
    font-size: 25px;
}
#mygtukasatgal:hover {
    background-color: black;
}

.pavadinimasNarcizas {
    display: flex;
    font-size: 50px;
    justify-content: center;
    text-align: center;
    align-items: center;
    background-image: linear-gradient(30deg, #ff7b00, #ffea00);
    padding: 20px;
    border-radius: 50px;
    color: white;
    font-family: 'GeneralSans-Semibold';
    text-align: center;
}
.pavadinimasDGP {
    margin-top: 18px;
    display: flex;
    font-size: 50px;
    justify-content: center;
    text-align: center;
    align-items: center;
    background-image: linear-gradient(90deg, #1C1028, #8B2252);
    padding: 20px;
    border-radius: 50px;
    color: white;
    font-family: 'GeneralSans-Semibold';
    text-align: center;
}

.pavadinimasSenisIrJura {
    margin-top: 18px;
    display: flex;
    font-size: 50px;
    justify-content: center;
    text-align: center;
    align-items: center;
    background-image: linear-gradient(130deg, #386150, #58B09C);
    padding: 20px;
    border-radius: 50px;
    color: white;
    font-family: 'GeneralSans-Semibold';
    text-align: center;
}

.pavadinimasSkerdzius {
    margin-top: 18px;
    display: flex;
    font-size: 50px;
    justify-content: center;
    text-align: center;
    align-items: center;
    background-image: linear-gradient(130deg, #4A3728, #8B6914);
    padding: 20px;
    border-radius: 50px;
    color: white;
    font-family: 'GeneralSans-Semibold';
    text-align: center;
}

.pavadinimasKuprelis {
    margin-top: 18px;
    display: flex;
    font-size: 50px;
    justify-content: center;
    text-align: center;
    align-items: center;
    background-image: linear-gradient(130deg, #3C3489, #993556);
    padding: 20px;
    border-radius: 50px;
    color: white;
    font-family: 'GeneralSans-Semibold';
    text-align: center;
}

.pavadinimasIssiduosi {
    margin-top: 18px;
    display: flex;
    font-size: 50px;
    justify-content: center;
    background-image: linear-gradient(130deg, #7A3B5E, #E8A878);
    padding: 20px;
    border-radius: 50px;
    color: white;
    font-family: 'GeneralSans-Semibold';
    justify-content: center;
    align-items: center;
    text-align: center;
}

.pavadinimasTartiufas {
    margin-top: 18px;
    display: flex;
    font-size: 50px;
    justify-content: center;
    background-image: linear-gradient(130deg, #8B2020, #D4943A);
    padding: 20px;
    border-radius: 50px;
    color: white;
    font-family: 'GeneralSans-Semibold';
    justify-content: center;
    align-items: center;
    text-align: center;
}

.pavadinimasVFNN {
    margin-top: 18px;
    display: flex;
    font-size: 50px;
    justify-content: center;
    text-align: center;
    align-items: center;
    background-image: linear-gradient(130deg, #2C2C2A, #633806);
    padding: 20px;
    border-radius: 50px;
    color: white;
    font-family: 'GeneralSans-Semibold';
}

.pavadinimasEkskursante {
    margin-top: 18px;
    display: flex;
    font-size: 50px;
    justify-content: center;
    text-align: center;
    align-items: center;
    background-image: linear-gradient(130deg, #2C3E2D, #8B7355);
    padding: 20px;
    border-radius: 50px;
    color: white;
    font-family: 'GeneralSans-Semibold';
    margin-bottom: 20px;
}

.klase {
    font-size: 25px;
    text-align: center;
}

#buttonName:hover {
    font-size: 52px;
}