@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/*Обнуление*/
*{padding: 0;margin: 0;border: 0;}
*,*:before,*:after{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
:focus,:active{outline: none;}
a:focus,a:active{outline: none;}
nav,footer,header,aside{display: block;}
html,body{height:100%;width:100%;font-size:100%;line-height:1;font-size:16px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
input,button,textarea{font-family:inherit;}
input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner{padding:0;border:0;}
a,a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
a{color: inherit;}
ul li{list-style: none;}
img{vertical-align: top;}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight: inherit;}

/* ------------------ */
:root{
    --f-f-roboto: "Roboto", sans-serif;
    --color-btn: #3498db;
    --color-btn-h: #2980b9;
    --transition-duration: 0.3s ;
}
/*--------------------*/

.container{
    max-width: 1440px;
    padding: 0 2rem;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .7rem;
}
.wrapper{
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    /* justify-content: space-between; */
    min-height: 100%;
}
body{
    background: #f5f5f5;
    font-family: var(--f-f-roboto);
    background-color: #f8f9fa;
    color: #333;
}
.header{
    background: linear-gradient(135deg, #2c3e50, #34495e);
    color: white;
    padding: 25px 0;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    margin-bottom: 30px;
}

/* -------------------------------- */
.header__title{
    font-size: 2.2rem;
    text-align: center;
}




/* --------------------------------- */
@media (max-width: 768px) {
    .header__title{
        font-size: 1.8rem;
    }
}
@media (max-width: 479px) {
    .header{
        margin-bottom: 0;
        padding: 15px 0;
    }
    .header__title{
        font-size: 1.5rem;
    }
}