@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;1,300&display=swap') @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;1,200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
body {
background: url(../images/bg.jpg) no-repeat #000000 0 0 fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
 background-size:100%; padding:130px 0 0 0
}

.color-text {color:#54e9d6}

.footer {
width:80%;
color: white;
text-align: right;
font-size:20px; margin:0 auto;
}
 
.title {
font-family: 'Nunito', sans-serif;
font-weight:300
}


.nunito {
font-family: 'Nunito', sans-serif;
font-weight:300
}


.title-top h1 {
font-size:24px; font-weight:300;  line-height:40px;
}


.title-top .title2 {
font-size:20px; margin-top:18px
}



.title span {
font-family: 'Pacifico', cursive;
font-weight:400
}
 
 
.walking-text h1 {
margin-top:230px;
font-family: "Nunito", sans-serif;
font-optical-sizing: auto;
font-weight: 200;
font-style: normal;
font-size:50px
}
@-webkit-keyframes flip {
from {
transform: rotateY(90deg)
}
to {
transform: rotateY(0deg)
}
}
@keyframes flip {
from {
transform: rotateY(90deg)
}
to {
transform: rotateY(0deg)
}
}

.legbots-2024 {
font-family: "Nunito", sans-serif;
font-optical-sizing: auto;
font-style: 300; color:#999; margin-right:-24px}


.logo { margin:100px 0 0 0; padding:0;}
.logo img { max-width:550px;} 
.logo a {display:block; border:0;} 
.text-2 {color:#fff; font-size:15px}

.btn-css {background:#54e9d6; display:inline-block; color:#666; text-decoration:none; font-size:24px; padding:8px 55px; font-family:Arial, Helvetica, sans-serif; border-radius:10px; margin-bottom:15px; margin-top:65px}
.btn-css:hover {background:#666; color:#fff}


.btn-css2 {background:#666; display:inline-block; color:#fff; text-decoration:none; font-size:22px; padding:10px 25px; font-family:Arial, Helvetica, sans-serif; border-radius:10px; margin-bottom:35px; margin-right:0}
.btn-css2:hover {background:#54e9d6; color:#666}

.form-section { max-width:760px; margin:10px 0 10px 0; border-radius:50px; padding:20px; min-height:450px}
.form-section .input { border:solid 1px #54e9d6; border-radius:50px;}

.form-control:focus {
outline: none !important; /* Removes the default browser outline */
box-shadow: none !important; /* Removes Bootstrap's focus box-shadow */
border-color: #595959; /* Optional: Resets border color to default Bootstrap 5 or your custom color */
}


.form-section2 { margin-top:20px; margin-bottom:20px}
.join-w  {max-width:690px; margin: 0 0 0 100px;}
.close { float:right; margin:0 0 10px 0}
.bg-css { margin:-150px 0 30px 0}
.bg-css { max-width:620px}

.div-footer { margin-right:-40px;}