/* @font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
} */


body{
    margin:0;
    height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    background: radial-gradient(circle at center, #2c3e50 0%, #000000 100%);

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


/* .title{
    font-size:60px;
    font-weight:700;
    color:#e6f2ff;
    letter-spacing:6px;
    margin-bottom:30px;
} */

.title {
    font-size: clamp(25px, 10vw, 60px);
    font-weight: 700;
    color: #e6f2ff;
    letter-spacing: clamp(10px, 0.5vw, 5px);
    margin-bottom: 30px;
}


img{
    max-width:90vw;
    max-height:90vh;
    filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.5));
}


/* .subtitle{
    font-size:20px;
    font-weight:300;
    color:#7aa6ff;
    margin-top:30px;
} */

.subtitle {
    font-size: clamp(16px, 4vw, 24px);
    font-weight: 300;
    color: #7aa6ff;
    margin-top: 30px;
    /* line-height: 1.4; для лучшей читаемости */
}