body {
            margin: 0;
            overflow-x: hidden;
            font-family: Arial, sans-serif;
    
        }
        #background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1; /* На заднем плане */
        }
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Regular.woff2') format('woff2'),
         url('fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Bold.woff2') format('woff2'),
         url('fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

.theme {
    font-size: 1.7em;
    font-weight: bold;
    color: #d6001c;
    text-align: center;
    
}

.biglogo{
    max-width: 100%;
    width: 67em;
}
.biglogo svg
{
   width: 100%;

    height: auto;
}

.logocontainer{
    display:flex;

    justify-content: center;
}

.logouni{
    margin: 1em 1em;
    width: 100%;
    justify-content: left;
    display: flex;
    
}
.logouni img{
    
    width: 20em;
    max-width: 70%;
}

.maincontainer {
    justify-content: center;
    display: flex;
    height: 19em;
    align-items: center;
        flex-direction: column;
}
.register {
    font-family: 'Montserrat', sans-serif;
    font-size: 2em;
    font-weight: bold;
    color: white;
    background: #001a72;
    padding: 0.6em 2em;
    border-radius: 0.5em;
    max-width: 90%;
    transition: all 0.3s ease;
    text-decoration: none;
}

.register:hover {
    font-size: 2.4em;
    background: linear-gradient(135deg, rgba(105,136,227,1) 0%, rgba(0,26,114,1) 100%);
}
.dates {
    
font-size: 3em;
    font-weight: bold;
    color: #001a72;
        text-align: center;
}

.contain {
margin: 1em;
background: #ffffffba;
    padding: 1em 2em;
    font-size: 1.35em;
border: 2px solid #cecece;
    border-radius: 0.5em;
}

.menu_button{
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    color: black;
    background: #ffffff;
    padding: 0.6em;
    border-radius: 0.5em;
    width: 20%;
    text-align: center;
    transition: font-size 0.3s ease;
    text-decoration: none;
border: 2px solid #cecece;
    border-radius: 0.5em;
    transition: background  0.3s ease;

}

.menu_button:hover{
    border: 2px solid #001a72;
    background: #001a72;
    color: white;

}

.top_nav{
    display: flex;
    gap: 1em;
    justify-content: center;
        margin: 1em;
}

h1{
        font-size: 2.5em;
    margin-block-start: 0.3em;
}

.live{
    display: flex;
    justify-content: center;
}

body {
    font-family: 'Montserrat', sans-serif;
}

.doubler {
    display:flex;
}

.indo {
    
    width: 50%;
}

.footlogos {
        display:flex;
    justify-content: space-around;
}

.footlogos img {
    width: 15em;
}

.d30 {
    width:30%;
}
.d70 {
    width:70%;
}

.button_inside {
    display: flex;
    justify-content: center;
}

.contact_flex {
    display: flex;
    justify-content: space-between;
}
.minimap{
width: 28em;
    max-width: 100%;
}

.arch {
    width: 24%;
}

/** МОБИЛЬНЫЙ НАЧАЛО **/


@media only screen and (max-width: 767px) {
    
    .contact_flex {
        
    flex-direction: column;
    }
    
    .theme {
        max-width: 100%;
        font-size: 1em;
    }
    .register {
        padding: 0.6em
    }
    .logouni {
    justify-content: center;
    margin: 1em 0em;
    }
    
.d30 {
    width:auto;
}
.d70 {
    width:auto;
}
    .dates {
        font-size: 1.8em;
    }
    .contain{
        padding: 1em;
    font-size: 1em;
    }
    
    h1{
        font-size: 1.5em;
    margin-block-start: 0.3em;
}
    
.top_nav{
        flex-direction: column;
            align-items: center;
}

.menu_button{
       width: 90%;
        font-size: 1em;
}

.doubler {
    flex-direction: column;
}

.indo {
    
    width: auto;
}

.footlogos{
    flex-direction: column;
    align-items: center;
    
}
.arch {
    width: 48%;
}

}
/** МОБИЛЬНЫЙ КОНЕЦ **/

a{
    text-decoration: none;
    color: inherit;
}

html {
    scroll-behavior: smooth;
}
 table {
            width: 100%;
            border-collapse: collapse;
        }
        h4{
            color: #001a72;
             font-size: 1.5em;
             margin-block-start: 0.5em;
    margin-block-end: 0.5em;
        }
        th, td {
            padding: 0.5em;
            border: 2px solid #ccc;
            text-align: center;
        }
        th {
            background-color: #f4f4f4;
        }
        caption {
            font-size: 1.5em;
    margin-bottom: 0.5em;
    font-weight: bold;
        }
        
.fade-in {
    opacity: 0;
    transform: translateY(1em);
    transition: opacity 1s ease-out, transform 0.5s ease-out;
}

.fade-in.show {
    opacity: 1;
    transform: translateY(0);
}


     #3d-container {
width:500px;
height:500px;
}

.god_button{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    
}

.god_button img{
    height:1.5em;
    
}


.downloads {
    
display: flex;
    gap: 0.5em;
    flex-wrap: wrap;
    justify-content: flex-start;
}