.section{

  

     

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: baseline;

   

   

    

    text-align: center;

    padding: 10px;

    border-radius: 10px;



}

.buttonModern{

    background: none;

    margin: 20px;

    color: white;

    border-radius: 30px;

    border: solid 2px rgb(5, 117, 245);

    

    padding: 15px;

    font-stretch: expanded;

    font-size: 16px;

    font-weight: bold;

    width: 200px;

    box-shadow: 2px 2px 4px rgba(97, 97, 104, 0.3);

    transition: all 0.4s ease;

    outline: none

}

.buttonModern:hover{

    border: solid 2px rgb(253, 255, 253);

   

    cursor: pointer;

}

.titleBig{

    cursor: default;

    font-size: 100px;

    margin-bottom: 10px;

}

.titleBig:hover{

    cursor: default;

}



body{

    background-color: black;

}

.bg1{

    background-image: linear-gradient( 135deg, #97ABFF 10%, #123597 100%);

    box-shadow: 5px 5px 5px #123597;

}

.bg2{

    background-image: linear-gradient( 135deg, #43CBFF 10%, #9708CC 100%);

    box-shadow: 5px 5px 5px #9708CC;

}

.bg3{

    background-image: linear-gradient( 135deg, #52E5E7 10%, #130CB7 100%);

    box-shadow: 5px 5px 5px #130CB7;

}

.bg4{

    background-image: linear-gradient( 135deg, #43CBFF 10%, #9708CC 100%);

}

.bg5{

    background-image: linear-gradient( 135deg, #24a8b7 10%, #061f47 100%);

}

.bg6{

    background-image: linear-gradient( 135deg, #F97794 10%, #623AA2 100%);

}

.bg7{

    background-image: linear-gradient( 135deg, #F05F57 10%, #360940 100%);

}

p{  

    text-align: center;

    word-wrap: break-word;

    cursor: default;

}

.ppp{

    font-size: 25px;

    cursor: default;

}

.appShow{

    position: absolute;

    top: 50px;

  

    width: 400px;

    text-align: center; 

   

    

}

.content{

    margin-top: 50px;   

    width:100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-left: auto;

    margin-right: auto;

    

   

}

.plainSection{

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: baseline;

    width:100%;  

    margin-bottom: 60px;

    padding-top: 20px;

    padding-bottom: 20px;

}

.horizontalSection{

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    background-color: rgba(0,0,0,0.5);

     width: 100%;

   padding: 10px;

    margin: 10px;  



}

.video{

    width: 100%;

    height: 100vh;

}

@media screen and (min-width: 1500px) {

    .item{

        padding: 5px;

        margin: 5px;  

        display: flex;

        max-width: 50%;

        flex-direction: column;

        justify-content: center;

        font-family: 'Noto Sans';

        

    }

}

@media screen and (max-width: 1500px) {

    .item{

        padding: 5px;

        margin: 5px;  

        display: flex;

        max-width: 90%;

        flex-direction: column;

        font-family: 'Noto Sans';

        justify-content: center;

      

    }

}

.backgroundImage{

   

    background-position: center;

    background-repeat: no-repeat;

   

  

}

.divImg{

    padding: 10px 0px;

    margin: auto;

}

.presImg{

    border-radius: 30px;

    box-shadow: 4px 4px 8px black;

    margin: auto;

    max-width: 90%; 

    display: block;

    filter: drop-shadow(8px 8px 10px gray);

    filter:contrast(100%);

    transition: all 0.5s ease;

   

}

.presImg:hover{

    filter:contrast(90%);

   

   

}

.left{

   

    transform: matrix3d(0.94, 0, 0.34, 0.0002, 0, 1, 0, 0, -0.34, 0, 0.94, 0, 1, 0, 10, 1) translateX(30px);

}

.right{

    transform: matrix3d(0.94, 0, 0.34, -0.0002, 0, 1, 0, 0, -0.34, 0, 0.94, 0, 1, 0, 10, 1) translateX(-10px);

}

.line{

    width: 80%;

    border: none;

    height: 3px;

    background-color: rgb(39, 138, 204);

}

.appShow{

    margin-top: 50px;

}

.fullBackground{

    margin: 0px;

    padding: 0px;

    background-position: center;

    background-repeat: no-repeat;

    width: 100%;

    height: 1080px;

}

.textEffectPurple{

  

    text-shadow: 4px 4px 2px rgb(156, 12, 108);

}

.textEffectGreen{

  

    text-shadow: 4px 4px 2px rgb(56, 160, 15);

}

.textEffectBlue{

  

    text-shadow: 4px 4px 2px rgb(7, 122, 230);

}