@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Text:ital,wght@0,400..800;1,400..800&display=swap');
@font-face {
    font-family: 'Masvol';
    src: url('fonts/CD-Masvol-Thin.otf') format('opentype');
}
@font-face {
    font-family: 'VT323';
    src: url("fonts/VT323-Regular.ttf") format("truetype");
}
@font-face {
    font-family: 'Helvetica Neue';
    src: url("fonts/HelveticaNeueMedium.otf") format("opentype");
}




.header {
    height: 200px;
    h2,a,a:visited,a:hover{
        font-size: 30px;}
    box-shadow: 0 1px 10px white;
    background-color: white;
    transition: all 0.3s ease;
    /*min-width: 690px;*/
    /*transition: all 0.3s ease;*/
    /*grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));*/
    /*grid-template-rows: repeat(auto-fit, minmax(40px,1fr));*/

    .links_to_me {
        padding: 0 30px;
    }
}
@media (min-width: 800px) {
    .header {
        height: 100px;
        h2,a,a:visited,a:hover{
            font-size: 30px;
        }
        a:hover {
            /*font-size: 21px;*/
            color: #ffc5c5;
            text-shadow: 3px 3px 17px #ffc5c5;
            transition: all 0.3s ease;
        }

    }

}
@media (min-width: 1080px) {
    .header {
        height: 40px;
        h2,a,a:visited,a:hover{
            font-size: 20px;
        }
        a:hover{
            /*font-size: 21px;*/
            color: #ffc5c5;
            text-shadow: 3px 3px 17px #ffc5c5;
            transition:all 0.3s ease ;
        }
        h2{
            position: absolute;
            right: 50%;
            transform: translate(50%);
        }

    }

}

a:hover, a:visited, .links_to_me, h2 {
    text-decoration: none;
    color: black;
    font-size: 20px;
    font-style: italic;
    font-family: 'Wix Madefor Text', sans-serif;

}

.myVideo {
    /*transform: scale(1.2,1);*/
    object-fit: cover;
    margin: 0;
    padding: 0;
    bottom: 0;

}

.name_page_bg {
    /*background-image: linear-gradient(109.9deg, rgba(0, 174, 182, 1) 4.5%, rgba(190, 223, 224, 1) 22.6%, rgba(217, 198, 225, 1) 45.1%, rgba(248, 178, 54, 1) 68.5%, rgba(235, 105, 17, 1) 87.2%);*/
    background-color: rgb(0, 0, 0, 0.82);
    padding: 0;
    margin: 0;

    .middle_text {
        /*background-color: rgb(0, 0, 0,0.92);*/
    }

    .name_page_bg_text {
        color: white;
        font-weight: bolder;
        font-family: "Helvetica Neue",sans-serif;
        /*font-style: italic;*/
        /*text-shadow: 3px 2px 11px white;*/
        font-size: 80px;
        /*filter: glow(10px 20px);*/
    }
}
.container {

    margin: 0px;
    background-color: black;
    width: 100vw;
    height: 100vh;


    .single_photo{
        display: flex;
        width: 100%;
        height: 500px;
        img{
            width: 100%;
            object-fit: cover;
        }
    }

}