html {
    background-color: #fffae9;
    cursor:none;
}

a {cursor:none;
}

                        .hov > a:hover {
            color:#ed6e9c;
            mix-blend-mode:multiply;
            transition: all .09s ease-in-out;
            border-radius: 20%;}

.stella1{
    width:7%;
    position: absolute;
    top: 290;
    left: 14%;
    z-index:-3;
}

.coso2{
    width: 17%;
                position: absolute;
            right:0%; 
            top:25%;
            z-index:-3; 

}

.coso3{
    width:20%;
    position: absolute;
    left:40%;
    top: -5%;
    right:40%;
    z-index:-3;
}

 .coso4  { position: absolute;
    bottom: -5%;
    right:20%;
    z-index:-3;
    width:25%;
}

    .stella2{
            position: absolute;
    right:55%;
    top:60%;
    z-index:-3;
    width:9%
    }

         .big{
            position: absolute;
            width: 0px;
            height: 0px;
            background: #0055aa;
            border-radius: 50%;
            z-index: 0;
            mix-blend-mode: multiply;
            }

            .col_lingua_spazi {
            padding-bottom: 70%;
            }


            .bottoni{
            display: flow;
            width: 55px;
            transform:rotate(90deg);
            padding-bottom: 40%;
            }    

            header{
            padding-top: 7%;
            position: fixed;
            padding-left: 10px;
            left:0;
            top:0;
            }

            .mobile-pos{
            position: absolute;
            right:0%; 
            top:25%;
            z-index:-1;         
            }

            .mobile-pos2{
            height: 5%;
            padding-top: 14px;
            position: absolute;
            bottom:-5%
            left:5%;
            z-index:-1;       
            }

            .text-1{
                font-size: 16px;
                line-height: 22px;
                padding-top: 5%;
                padding-bottom: 5%;
                padding-right:10%;
            }

            body {
            box-sizing: border-box;
            font-family: "manofa-condensed", sans-serif;
            font-weight: 400;
            font-style: normal;
            padding-left: 18%;
            padding-top: 5%;
            width: 100%;
            }
            
            .text_normal {
            font-family: "manofa-condensed", sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 45px;
            text-align: left;
            line-height: 50px;
            }
                        h2{
                font-family: "manofa-condensed", sans-serif;
            font-weight: 400;
            font-style: normal;
            padding-top:28px;
            font-size: 45px;
            text-align: left;
            line-height: 36px;

            }

            .text_normal > a {
            color: #003f59;
            font-family: "loos-condensed", sans-serif;
            font-weight: 700;
            font-style: normal;
            }

            .copy {
            padding-top: 6%;
            font-size:13px ;
            }

.italic {
    font-style: italic;
}
@media only screen and (width<768px) {
            
            .stella1{
    width:19%;
    position: absolute;
    top: 22%;
    left: 20%;
    z-index:-3;
}

.coso2{
    width: 35%;
                position: absolute;
            right:0%; 
            top:25%;
            z-index:-3; 

}

.coso3{
    width:35%;
    position: absolute;
    left:40%;
    top: -5%;
    right:40%;
    z-index:-3;
}

 .coso4  { position: absolute;
    bottom: -5%;
    right:20%;
    z-index:-3;
    width:40%;
}

    .stella2{
            position: fixed;
    right:55%;
    top:60%;
    z-index:-3;
    width:20%
    }

            .big{
            position: absolute;
            width: 0px;
            height: 0px;
            background: #0055aa;
            border-radius: 50%;
            z-index: 0;
            mix-blend-mode: multiply;
            }

            .col_lingua_spazi {
            padding-bottom: 70%;
            }


            .bottoni{
            display: flow;
            width: 55px;
            transform:rotate(90deg);
            padding-bottom: 40%;
            }    

            header{
            padding-top: 8%;
            position: fixed;
            padding-left: 2px;
            left:0;
            top:0;
            }

            .mobile-pos{
            position: absolute;
            right:0%; 
            top:25%;
            z-index:-1;         
            }

            .mobile-pos2{
            height: 5%;
            padding-top: 14px;
            position: absolute;
            bottom:-5%
            left:5%;
            z-index:-1;       
            }

            .text-1{
                font-size: 16px;
                line-height: 22px;
                padding-top: 5%;
                padding-bottom: 5%;
                padding-right:10%;
            }

            body {
            box-sizing: border-box;
            font-family: "manofa-condensed", sans-serif;
            font-weight: 400;
            font-style: normal;
            padding-left: 18%;
            padding-top: 5%;
            width: 100%;
            }
            
            .text_normal {
            font-family: "manofa-condensed", sans-serif;
            font-weight: 400;
            padding-right:5%;
            font-style: normal;
            font-size: 37px;
            text-align: left;
            line-height: 43px;
            }
                        h2{
                font-family: "manofa-condensed", sans-serif;
            font-weight: 400;
            font-style: normal;
            padding-top:45px;
            font-size: 25px;
            text-align: left;
            line-height: 29px;

            }

            .text_normal > a {
            color: #0055aa;
            font-family: "loos-condensed", sans-serif;
            font-weight: 700;
            font-style: normal;
            }

            .copy {
            padding-top: 6%;
            font-size:13px ;
            }
 }

@media only screen and (width>768px) {

            .big{
            position: absolute;
            width: 0;
            height: 0;
            background: #0055aa;
            border-radius: 50%;
            z-index: 0;
            mix-blend-mode: multiply;
            }


            .text-1{
                font-size: 24px;
                line-height: 22px;
                padding-top: 5%;
                padding-bottom: 5%;
            }


            .col_lingua_spazi {
            padding-bottom: 100%;
            }

            .bottoni{
            display: flow;
            width: 70px;
            transform:rotate(90deg);
            padding-bottom: 40%;}

            header{
            padding-top: 8%;
            position: fixed;
            padding-left: 20px;
            left:0;
            top:0;
            }

            body {
            box-sizing: border-box;
            font-family: "manofa-condensed", sans-serif;
            font-weight: 400;
            font-style: normal;
            padding-left: 14%;
            padding-top: 5%;
            padding-right: 10%;
            }
            
            .text_normal {
            font-family: "manofa-condensed", sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 88px;
            text-align: left;
            line-height: 97px;
            }

                        h2{
                font-family: "manofa-condensed", sans-serif;
            font-weight: 400;
            font-style: normal;
            padding-top: 30px;
            font-size: 60px;
            text-align: left;
            line-height: 67px;

            }

            .text_normal > a {
            color: #0055aa;
            font-family: "loos-condensed", sans-serif;
            font-weight: 700;
            font-style: normal;
            }

            .text_normal > a:hover {
            font-family: "loos-condensed", sans-serif;
            font-weight: 700;
            font-style: normal;
            color:white;
            background-color: #0055aa;
            transition: all .09s ease-in-out;
            }
            



            .copy {
            padding-top: 6%;
            font-size:16px ;
            }

            .mobile-pos{     
    position: absolute;
    top: 40;
    right:0%;
    z-index:-1;   } 

                .mobile-pos2{
            position: absolute;
            right:0%; 
            transform:translate(90deg);
            top:-50%;
            z-index:-1;         
            }

@media only screen and (width>1024px) {

            .bottoni{
            display: flow;
            width: 60px;
            transform:rotate(90deg);
            padding-bottom: 40%;
            }


                        .text-1{
                font-size: 29px;
                line-height: 35px;
                padding-top: 5%;
                padding-bottom: 5%;
            }

            .big{
            position: absolute;
            width: 40px;
            height: 40px;
            background: #003f59;
            border-radius: 50%;
            z-index: 0;
            mix-blend-mode: difference;
            }

                
            .col_lingua_spazi {
            padding-bottom: 100%;
            }


            header{
            padding-top: 8%;
            position: fixed;
            padding-left: 25px;
            left:0;
            top:0;
            }

            body {
            box-sizing: border-box;
            font-family: "manofa-condensed", sans-serif;
            font-weight: 400;
            font-style: normal;
            padding-left: 10%;
            padding-top: 5%;
            padding-right: 10%;
            }
            
            .text_normal {
            font-family: "manofa-condensed", sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 78px;
            text-align: left;
            line-height: 96px;
            }

                        h2{
                font-family: "manofa-condensed", sans-serif;
            font-weight: 400;
            font-style: normal;
            padding-top:45px;
            font-size: 37px;
            text-align: left;
            line-height: 47px;

            }

            .text_normal > a {
            color: #0055aa;
            font-family: "loos-condensed", sans-serif;
            font-weight: 700;
            font-style: normal;
            }

            .text_normal > a:hover {
            font-family: "loos-condensed", sans-serif;
            font-weight: 700;
            font-style: normal;
            color:white;
            background-color: #0055aa;
            transition: all .09s ease-in-out;
            }
            



            .copy {
            padding-top: 6%;
            font-size:18px ;
            }
            .mobile-pos{     
    position: absolute;
    top: 40;
    right:0%;
    z-index:-1;   } 

                .mobile-pos2{
            position: absolute;
            right:0%; 
            transform:translate(90deg);
            top:-50%;
            z-index:-1;         
            }
}

@media only screen and (width>1200px) {


            header{
            padding-top: 6%;
            position: fixed;
            padding-left: 25px;
            left:0;
            top:0;
            }

            .text-1{
            font-size: 32px;
            line-height: 42px;
            padding-top: 5%;
            padding-bottom: 5%;
            }

            body {
            box-sizing: border-box;
            font-family: "manofa-condensed", sans-serif;
            font-weight: 400;
            font-style: normal;
            padding-left: 10%;
            padding-top: 5%;
            padding-right: 10%;
            }

            .big{
            position: fixed;
            left:-30px;
            top:-20px;
            width: 60px;
            height: 40px;
            background: #003f59;
            border-radius: 90%;
            z-index: -1;
            mix-blend-mode: difference;
            }

            .bottoni{
            display: flow;
            width: 65px;      
            transform:rotate(90deg);
            padding-left: 30%;
            top:40px;
            }

            .col_lingua_spazi {
            padding-bottom: 80%;
            }
            
            .text_normal {
            font-family: "manofa-condensed", sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 88px;
            text-align: left;
            line-height: 106px;
            }

            h2{
                font-family: "manofa-condensed", sans-serif;
            font-weight: 400;
            font-style: normal;
            padding-top:45px;
            font-size: 45px;
            text-align: left;
            line-height: 55px;

            }

            .text_normal > a {
                font-family: loos-condensed, sans-serif;
            color: #0055aa;
            font-weight: 700;
            font-style: normal;
            }

            .text_normal > a:hover {
            font-weight: 700;
            font-style: normal;
            color:white;
            background-color: #0055aa;
            mix-blend-mode:multiply;
            transition: all .09s ease-in-out;
            border-radius: 20%;}
            

            .copy {
            padding-top: 6%;
            font-size:18px ;
            }

            .mobile-pos{     
            position: absolute;
            top: 40;
            right:0%;
            z-index:-3;   } 

            .mobile-pos2{
            position: absolute;
            right:0%; 
            height: 0;
            transform:translate(90deg);
            top:-50%;
            z-index:-3;         
            }

            .zind{
            position: sticky;
            z-index: -20;
            }

}