:root{
--primary-color:#DD12BE;
--secondary-color: #F7A9A8;

--background: #011627;
--outside-background: #E5C3D1;

--text-on-light: #2D2D2D;
--text-on-dark:#CFDBD5;

--links:#2EC4B6;

}


body{
    background-color: var(--outside-background);

    margin: 0px;
    padding: 0px;

    display: flex;
    justify-content: center;
}

.Welcome{
    background-color: var(--background);

    border-radius: 10px;

    width: 35vw;
    height: 40vh;

    min-height: 480px;

    position: fixed;

    top: 20vh;

    display: flex;

    align-items: center;
    

    flex-direction: column;
    
}

.Welcome h1{
    text-align: center;
    color: var(--text-on-dark);
}

.text{
    display: flex;
    flex-direction: column;
    justify-content: center;


    max-width: 30vw;

}
.text p{
    
    color: var(--text-on-dark);

    font-size: large;

    text-align: center;
   
}

form{
    margin: 0px;

    display: flex;
    
    flex-direction: column;

    align-items: center;
   

    width: fit-content;
}

.form_input{
    display: flex;
  
    margin-top: 40px;

    width: 20vw;
    height: 5vh;

    border: none;
    border-radius: 50px;

    padding-left: 25px;

    color: var(--text-on-light);

    font-weight: 500;
}

.form-submit{

    display: flex; 

    flex-direction: column;
    
   
    margin-top: 40px;

    width: 200px;
    height: 50px;


    font-size: large;
    font-weight: 700;

    justify-content: center;

    background-color: #DD12BE;


    text-align: center;
    color: var(--text-on-light);

    border: none;

    border-radius: 15px;

}




.footer{

    display: flex;
    position: fixed;
    bottom: 0px;

    background-color: var(--secondary-color);

    height: 115px;
   
    width: 100vw;

}

.fLeft{

    background-color: var(--background);

    height: 115px;
    width: 50vw;

   display: flex;

}

.fLeft h1{ 

    color: var(--text-on-dark);

    position: relative;

    left: 20px;
    top: -15px;

}

.insta img{

    height: 50px;

    margin: 10px ;
}

.insta{

    height: fit-content;
    width: fit-content;

    padding-left: 10px;
    padding-right: 10px;

    display: flex;
    align-items: center;
    justify-content: space-evenly;

    position: relative;
    top: 50px;
    left: -95px;



}

.insta_inner a{

    color: var(--text-on-light);

    text-decoration: none;


}

.insta_inner a:hover{

  font-size: 16px;
  background: -webkit-repeating-radial-gradient(#03001e,#7303c0,#ec38bc,#e1de28);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

    text-decoration: none;


}

.fRight{

    display: flex;

    flex-direction: column;

    justify-content: start;

    width: 50vw;
    
    height: auto;

    padding-left: 10px;



}

.fRight a{

    text-decoration: none;

    font-size: 50px;
    font-weight: 600;

    color: var(--text-on-light);
}

.fRight{

    color: var(--text-on-light);

}





@media only screen and (max-width: 1000px){
  
    .Welcome{

        height: 60vh;
        width: 80vw;

        min-height: 0px;

        margin: 10px;

        top: 20px;
    
    }

    .text{ 

max-width: 80vw;

    }


    .text p{

        margin: 10px;

    }

    .form-submit{


        margin: 20px;
        margin-top: 40px;

    }

    .form_input{

        width: 70vw;

    }


    .footer{

    display: flex;
    position: fixed;
    bottom: 0px;

    background-color: var(--secondary-color);

    height: 115px;
   
    width: 100vw;

}

.fLeft{

    background-color: var(--background);

    height: 115px;
    width: 50vw;

   display: flex;

}

.fLeft h1{ 

    color: var(--text-on-dark);

    position: relative;

    left: 20px;
    top: -15px;

}

.insta_inner a:hover{

  font-size: 16px;
  background: -webkit-repeating-radial-gradient(#03001e,#7303c0,#ec38bc,#e1de28);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

    text-decoration: none;


}

.fRight{

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.fRight a{

    font-size: 40px;

}
}