html, body {
  height: 100%;
  width: 100%;
}
header{
  z-index: 5000; 
  width: 100%;
}
body{
  background-color: #142234;
}
#main{
  font-family:'comfortaa', sans-serif;
  color: #20B2AA !important;
  padding: 15px;
}
#main > div > h1{
  font-size: 50px;
  font-weight: 900;
  position: relative;
}
#main > div > div > img{
  height: 80px;
  position:relative;
  animation: animazione 5s infinite ease-in-out;
  margin-top:20px;
}
#img-main:hover{
  animation: animazione_2 1s ease-in-out;
}
#improve{
  margin-top: 190px;
}
footer{
  background-color: #101a27;
  border-top: 1px solid  #101a27;
}
footer > div > a{
  color: blue !important;
}
#sun{
  color: orange;
}
nav{
  border-bottom: 0.3px solid #000000;
  font-weight:bold;
}
li{
  text-align: center;
}
a{
  color: white;
}
#btn-log-reg:hover{
  filter: brightness(1.75);
  box-shadow: inset 0 0 0.5em 0 purple, 0 0 0.5em 0 purple;
}
#btn-log-reg{
      background: linear-gradient(109.6deg, rgb(187, 0, 212) 11.2%, rgb(32, 38, 238) 91.1%) !important;
  color: whitesmoke;
}
#talk-with-bot, #talk-with-botEng{
  font-family:'comfortaa', sans-serif;
  color: #20B2AA;
  padding: 15px;
  border:1px solid  #20B2AA;
  border-radius: 10px;
}
#registerPayment{
  font-family:'comfortaa', sans-serif;
  color: #20B2AA;
  padding: 15px;
  border:1px solid  #20B2AA;
  background-color: #142234;
  border-radius: 10px;
}
.modal-header{
  color: white;
}
.modal-content{
  position: relative;
  padding: 20px var(--size-grid-margin);
  font-family: var(--font-stack);
  min-height: 380px;
  background: #101a27;
  color: gray !important;
}
.btn-playprofit{
  font-weight: bold;
  font-size: 14px;
}
#form{
  font-family:'comfortaa', sans-serif;
  color: #20B2AA;
  padding: 15px;
  border:1px solid  #20B2AA;
  background-color: #142234;
}
.form-control{
    color: #20B2AA;
    margin-top: 5px;
    height: 40px;
    border-radius: 10px;
    font-size: 15px;
    background-color: #101a27;
    text-shadow: #20B2AA 0px 0px 20px;
    outline: none;
}
#btn-login{
    color:#20B2AA;
    margin-top: 15px;
    background-color: var(--mainlight);
    border: 1px solid #20B2AA;
    border-radius: 10px;
    width: 300px;
    height: 45px;
    text-shadow: #20B2AA 0px 0px 20px;
    box-shadow: rgb(95, 240, 208, 15%)  0px 0px 50px;
}
#btn-login:hover{
    color: #101a27;
    background-color: #20B2AA;
    cursor: pointer;
    box-shadow: #20B2AA 0px 0px 40px;
}
.form-control:focus {
    color: #20B2AA;
    outline: none;
    border: 1px solid #20B2AA;
}
.form-control:hover {
  box-shadow: #20B2AA 0px 0px 20px;
  border: 1px solid #20B2AA;
}
.btn-close{
  border-radius: 20px;
  font-size: 15px;
  padding: 5.5px;
  background-color: magenta !important;
  color: #FFFFFF !important;
  position: relative;
  bottom: 40px;
  left: 20px;
}
#no-account{
  color: fuchsia !important;
  cursor: pointer;
}
.dropdown-menu{
  background-color: #101a27;
}
.dropdown-item, .dropdown-item:focus{
  background-color: #101a27;
  color: white !important;
}
.dropdown-item:hover{
  background-color: #030508;
}
.dropdown-menu:hover{
  background-color: #101a27;
}
.dropdown:hover .dropdown-menu{
  background-color: #101a27;
  display:block;
}
.navbar-toggler-icon{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28555, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler{
  border: 1px solid red;
}
#dropdown-language:hover #dropdown-menu-language{
  position: absolute;
  bottom: 25px;
  right: 0px;
}
#themeToggler{
  margin: 10px;
  padding: 8px;
}
#icons-login{
  height: 30px;
}
@media screen and (max-width: 991px){
  #main > div > div > h1{
    height: 100%;
    width: 100%;
    font-size: 70px;
    font-weight:900;
  }
  #main{
    margin-top: 0px;
  }
}