@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');


/* .libre-baskerville-regular {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .libre-baskerville-bold {
    font-family: "Libre Baskerville", serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .libre-baskerville-regular-italic {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: italic;
  } */



.WelcomePage{
    font-family: 'Red Hat Text', sans-serif;
    color:rgba(0, 140, 255, 0.836);
    /* color: aliceblue; */
    /* background-color: #000d14; */
    height: 1000px;
}

.WelcomeBar{
   
    
    /* font-family: 'Red Hat Text', sans-serif; */
    z-index:1;
    height:60px;
    width:100%;
    background-color:  #e9e9e954;
    /* background-color:  #001033be; */
    display: flex;
    justify-content:space-evenly; 
    
    align-items:center; 
   
     /* border-radius: 4px; */
}

.Section1{
    
    background-color:  #001749;
}

.Section2{
    background-color:  #e9e9e954;
}
.logoBack{
    background-color: white;
    border-radius: 50%;
    width:50px;
    height:50px;
    border:1px solid rgba(0, 140, 255, 0); 
}
.logoBack:hover{
    border:1px solid rgba(0, 140, 255, 0.39);
}

.WelcomeLoginBut{
    font-family: 'Red Hat Text', sans-serif;
    
    padding-top: 10px;
    padding-bottom: 10px;
    border:1px solid rgba(0, 140, 255, 0);
    cursor: pointer;
    width:80px;
    text-align: center;
}
 .WelcomeLoginBut:hover{
    
    background-color: rgba(180, 180, 180, 0.329);
    border:1px solid rgba(0, 140, 255, 0.185);
    border-radius: 15px;
}

.WelcomeLHeading{
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 50px;
    text-align: center;
}

.WelcomePic{
    width:50%;
    border:2px solid rgba(255, 255, 255, 0);
    border-radius: 15px;
    overflow:hidden
}

.WelcomePic:hover{
    
    background-color: rgba(180, 180, 180, 0.329);
    border:2px solid rgba(0, 140, 255, 0.185);
    border-radius: 15px;
}


.WelcomeLogo{
    width:100%;
   
    border-radius: 50%;
}

.SendButtonWelcome{
    font-family: 'Red Hat Text', sans-serif;
    font-size: large;
    padding-top: 10px;
    padding-bottom: 10px;
    border:2px solid rgba(0, 140, 255, 0.185);
    cursor: pointer;
    width:80px;
    text-align: center;
    border-radius: 15px;
}


.CenterSpaceFlipping{
    display:flex;
    justify-content: space-between;
}

.WelcomCenterVert{
    display:flex;
    align-items: Center;
}
.WelcomeExtraLargeTxtCenter{
    font-size: xx-large;
    text-align: center;
}
.WelcomeExtraLargeTxtRight{
    font-size: xx-large;
    text-align: right;
    color:white
} 
.WelcomeLargeTxtRight{
    font-size: large;
    text-align: right;
    color:white
}
.WelcomeCenterVert{
    display:flex;
    align-items: center;
    width:40%
}

.GetIntouchDiv{
    width:80%;
    height:50px;
    border-bottom: 1px solid black;
    display:flex;
    justify-content: center;
    align-items: center;
}


.GetIntouchDivArea{
    
    width:80%;
    height:200px;
    border-bottom: 1px solid black;
    display:flex;
    justify-content: center;
    align-items: center;
}
.GetInTouchTxt{
    
    width:80%;
    height:40px;
    border:none;
    font-size: xx-large;
    /* color: rgba(0, 140, 255, 0.836); */
    color: rgba(0, 0, 0, 0.733);
    background-color: #e9e9e900;;
}
.GetInTouchTxt::placeholder {
    
    opacity: 0.7;
    color: rgba(0, 140, 255, 0.836);
  }
.GetInTouchTxt:focus{
    
    border:none;
    outline: none
}

.GetInTouchTxtArea{
    font-family: 'Red Hat Text', sans-serif;
    width:80%;
    height:200px;
    border:none;
    font-size: xx-large;
    /* color: rgba(0, 140, 255, 0.836); */
    color: rgba(0, 0, 0, 0.733);
    background-color: #e9e9e900;;
}
.GetInTouchTxtArea::placeholder {
    
    opacity: 0.7;
    color: rgba(0, 140, 255, 0.836);
  }
.GetInTouchTxtArea:focus{
    
    border:none;
    outline: none
}

.ExtraLargeTxtChange{
    font-size: xx-large;
}

 
@media only screen and (max-width: 700px){
    .WelcomePic{
        width:100%
    }
   .WelcomeExtraLargeTxtRight{
        text-align: center;
   }
   .WelcomeLargeTxtRight{
        text-align: center;
    }
    .CenterSpaceFlipping{
        display:block;
        width:100%
    }
    .WelcomeCenterVert{
        display:block;
        padding-top:20px;
        width:100%
    }
    .GetInTouchTxt{
        font-size: large;
    }
    .GetInTouchTxtArea{
        font-size: large;
    }
    .ExtraLargeTxtChange{
        font-size: large;
    }
}