body{
    background-color: #D0D0D0;
    height:35vw;
    width: auto;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/Montserrat-VariableFont_wght.ttf");
}

:root{
    font-family: 'Montserrat';
}

.ballcursor3d{
    position: fixed;
    width: 5vw;
    height: 5vw;
    border-radius: 50vw;
    background: radial-gradient(#D8FFB9, #FFADEB);
    filter: blur(10px);
    z-index: 10;
}

#logo{
    width: 5vw;
    color: #E973CF;
    font-weight: 550;
    font-size: 1.4vw;
}

#logo:hover{
    color: #FFF282;
}

.pinkbuttons{
    width: 5vw;
    color: #E973CF;
    font-size: 1vw;
}

.yellowbuttons{
    color: #FFF282;
    font-size: 1vw;
}

/* шапка */

header{
    position: relative;
    top: 1.5vw;
    left: 1.5vw;
    width: 10vw;
    z-index: 99;
}

#abouttheater:hover{
    color: #D8FFB9;
}

#abouttheater{
    position: relative;
    top: 0.5vw;
    left: 1.5vw;
}

#threedtour:hover{
    color: #D8FFB9;
}

#threedtour{
    position: relative;
    top: 1vw;
    left: 4vw;
}

#repertoire:hover{
    color: #D8FFB9;
}

#repertoire{
    position: relative;
    top: 1.5vw;
    left: 3vw;
}

#magazine:hover{
    color: #D8FFB9;
}

#magazine{
    position: relative;
    top: 2vw;
    left: 1vw;
}

#shop:hover{
    color: #D8FFB9;
}

#shop{
    position: relative;
    top: 2.5vw;
    left: 2.5vw;
}

#aboutunusual:hover{
    color: #D8FFB9;
}

#aboutunusual{
    position: relative;
    top: 3vw;
    left: 3.5vw;
}

/* блюр на фоне */
.onecirclefirst{
    background-color: #CCC8FF;
    opacity: 31%;
    overflow: hidden;
    width:50vw;
    height:90vw;
    top: 10vw;
    left: 40vw;
    border-radius: 100px;
    filter: blur(70px);
    margin: -15px;
    position: absolute;
    z-index: 0;
}

.twocircletwosecond{
    background-color: #FFCFEC;
    opacity: 22%;
    overflow: hidden;
    width:50vw;
    height:60vw;
    border-radius: 100px;
    filter: blur(70px);
    top: 50vw;
    position: absolute;
    z-index: 0;
}

.threecircletwosecond{
    background-color: #FFF282;
    opacity: 15%;
    overflow: hidden;
    width:50vw;
    height:60vw;
    border-radius: 100px;
    filter: blur(70px);
    top: 50vw;
    left: 40vw;
    position: absolute;
    z-index: 0;
}


 /* слова слева */

.longboxword{
    width: 100vw;
    position: fixed;
    display: flex;
    justify-content: start;
    top: 25vw;
}

#boxword{
    position: relative;
    width: 30vw;
    left: 5vw;
    font-size: 3vw;
    color: #D8FFB9;
    font-weight: 350;
}

.longboxword2{
    width: 100vw;
    position: fixed;
    display: flex;
    justify-content: start;
    top: 25vw;
}

/* text */
.firstboxblock{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: center;
    top: 18vw;
    z-index: 10;
}

.firstblock{
    width: 25vw;
    position: relative;
    right: 7vw;
}

.secondboxblock{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: center;
    top: 22vw;
    z-index: 10;
}

.secondblock{
    width: 30vw;
    position: relative;
    left: 15vw;
}

.secondboxblocktwo{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: center;
    top: 22.1vw;
    z-index: 10;
}

.secondblocktwo{
    width: 30vw;
    position: relative;
    left: 25vw;
}

.thirdboxblock{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: center;
    top: 50vw;
    z-index: 10;
}

.thirdblock{
    width: 30vw;
    position: relative;
    right: 10vw;
}

.thirdboxblocktwo{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: center;
    top: 50vw;
    z-index: 10;
}

.thirdblocktwo{
    width: 30vw;
    position: relative;
}

.thirdboxblockthree{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: center;
    top: 50vw;
    z-index: 10;
}

.thirdblockthree{
    width: 30vw;
    position: relative;
    left: 4vw;
}

.thirdboxblockfour{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: center;
    top: 50vw;
    z-index: 10;
}

.thirdblockfour{
    width: 30vw;
    position: relative;
    left: 2vw;
}

.fourthboxblock{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: center;
    top: 60vw;
    z-index: 10;
}

.fourthblock{
    width: 30vw;
    position: relative;
    left: 20vw;
}

.fiveboxblock{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: center;
    top: 85vw;
}

.fiveblock{
    width: 30vw;
    position: relative;
    left: 17vw;
}

.sixboxblock{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: center;
    top: 73.5vw;
    z-index: 10;
}

.sixblock{
    width: 30vw;
    position: relative;
    left: 10vw;
}

p{
    line-height: 1.5vw;
    font-size: 1.2vw;
    font-weight: 500;
}

.yellowcolori{
    color: #FFF282;
}

.greencolori{
    color: #D8FFB9;
}

.pinkcolori{
    color: #FFAAEA;
}

.yellowcolori:hover{
    color: #FFEA31;
}

.greencolori:hover{
    color: #B9FF81;
}

.pinkcolori:hover{
    color: #FF77DE;
}


/* картинки  */

.pictures{
    position: relative;
    bottom: 5vw;
    height: 280vw;
}

.hoveri:hover{
    transform: scale(1.7);
    transition: 1.5s;
}

.longboxpictireone{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: center;
    top: 7vw;
}

.boxpictireone{
    position: relative;
    width: 15vw;
    right: 5vw;
    z-index: 99;
}

.boxpictireone img{
    width: 20vw;
}

.longboxpictiretwo{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: end;
    top: 10vw;
}

.boxpictiretwo{
    position: relative;
    width: 20vw;
    right: 15vw;
    z-index: 99;
}

.boxpictiretwo img{
    width: 20vw;
}

.longboxpictirethree{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: center;
    top: 15vw;
}

.boxpictirethree{
    position: relative;
    width: 15vw;
    right: 17vw;
    z-index: 99;
}

.boxpictirethree img{
    width: 20vw;
}

.longboxpictirefour{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: center;
    top: 25vw;
}

.boxpictirefour{
    position: relative;
    width: 15vw;
    left: 5vw;
    z-index: 99;
}

.boxpictirefour img{
    width: 20vw;
}

.longboxpictirefive{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: start;
    top: 35vw;
}

.boxpictirefive{
    position: relative;
    width: 20vw;
    left: 10vw;
    z-index: 99;
}

.boxpictirefive img{
    width: 20vw;
}

.longboxpictiresix{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: center;
    top: 35vw;
}

.boxpictiresix{
    position: relative;
    width: 15vw;
    right: 7vw;
    z-index: 99;
}

.boxpictiresix img{
    width: 20vw;
}

.longboxpictireseven{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: end;
    top: 45vw;
}

.boxpictireseven{
    position: relative;
    width: 15vw;
    right: 15vw;
    z-index: 99;
}

.boxpictireseven img{
    width: 20vw;
}

.longboxpictireeight{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: center;
    top: 45vw;
}

.boxpictireeight{
    position: relative;
    width: 15vw;
    right: 25vw;
    z-index: 99;
}

.boxpictireeight img{
    width: 20vw;
}

.longboxpictirenine{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: center;
    top: 55vw;
}

.boxpictirenine{
    position: relative;
    width: 15vw;
    left: 7vw;
    z-index: 99;
}

.boxpictirenine img{
    width: 20vw;
}

.longboxpictireten{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: start;
    top: 60vw;
}

.boxpictireten{
    position: relative;
    width: 15vw;
    left: 12vw;
    z-index: 99;
}

.boxpictireten img{
    width: 20vw;
}

.longboxpictireeleven{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: end;
    top: 65vw;
}

.boxpictireeleven{
    position: relative;
    width: 15vw;
    right: 15vw;
    z-index: 99;
}

.boxpictireeleven img{
    width: 20vw;
}

.longboxpictiretwelve{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: center;
    top: 75vw;
}

.boxpictiretwelve{
    position: relative;
    width: 15vw;
    right: 15vw;
    z-index: 99;
}

.boxpictiretwelve img{
    width: 20vw;
}

.longboxpictirethirteen{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: center;
    top: 80vw;
}

.boxpictirethirteen{
    position: relative;
    width: 15vw;
    left: 10vw;
    z-index: 99;
}

.boxpictirethirteen img{
    width: 20vw;
}

.longboxpictirefourteen{
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: center;
    top: 90vw;
}

.boxpictirefourteen{
    position: relative;
    width: 15vw;
    right: 20vw;
    z-index: 99;
}

.boxpictirefourteen img{
    width: 20vw;
}

/* подвал */

.pinkcolor8{
    color: #E973CF;
}

.newtext8{
    position: relative;
    width: 25vw;
    left: 48vw;
    /* bottom: 6vw; */
    top: 4.9vw;
}

.logobottom8{
    position: relative;
    width: 10vw;
    left: 3vw;
    top: 3.5vw;
    padding-bottom: 3vw;
}

#flobot8{
    font-size: 2vw;
    font-weight: 600;
}

.forever8{
    position: relative;
    width: 50vw;
    display: flex;
    justify-content: start;
    top: 3.5vw;
    padding-bottom: 2vw;
    left: 3vw;
}

a{
    text-decoration: none;
}

.boxgray8{
    position: relative;
    display: flex;
    justify-content: end;
    right: 5vw;
    bottom: 4.8vw;
}

input[type="email8"]{
    position: relative;
    width: 24vw;
    height: 2vw;
    border: none;
    background: #E3E3E3;
    outline: none;
    left: 1.5vw;
    font-size: 1.3vw;
}


.input-container8 input::placeholder {
    color: #ADB1A9;
    padding-left: 0.5vw;
}

.input-container8 input[type="email8"] {
    padding-left: 0.7vw; 
}


.boxsent8{
    position: relative;
    display: flex;
    justify-content: end;
    top: 0.3vw;
    left: 2.5vw;
}

.sent8{
    position: relative;
    width: 1.5vw;
    height: 1.5vw;
    display: flex;
}

.email8{
    width: 5vw;
    position: relative;
    display: flex;
    justify-content: right;

}