@import url('https://fonts.googleapis.com/css2?family=IBM+Plex Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;700&display=swap');
html,body{
  font-family: 'Jost', sans-serif;
  font-weight: 400;
}
:root {
  --page-background-color: #161b23;
  --content-background-color: #191F30;
  --text-color: #373737;
  --primary-color: #3D21EA;
  --secondary-color: #5dacd2;
  --p-font-family: 'Jost', sans-serif;
  --p-font-size: 14px;
  --p-font-weight: normal;
  --p-font-style: normal;
  --p-line-height: 140%;
  --p-text-transform: none;
  --h1-font-family: 'Jost', sans-serif;
  --h1-font-size: 40px;
  --h1-font-weight: 700;
  --h1-font-style: italic;
  --h1-line-height: 110%;
  --h1-text-transform: none;
  --h2-font-family: 'Jost', sans-serif;
  --h2-font-size: 34px;
  --h2-font-weight: 700;
  --h2-font-style: italic;
  --h2-line-height: 110%;
  --h2-text-transform: none;
  --h3-font-family: 'Jost', sans-serif;
  --h3-font-size: 30px;
  --h3-font-weight: 700;
  --h3-font-style: normal;
  --h3-line-height: 110%;
  --h3-text-transform: none;
  --h4-font-family: 'Jost', sans-serif;
  --h4-font-size: 18px;
  --h4-font-weight: 700;
  --h4-font-style: normal;
  --h4-line-height: 110%;
  --h4-text-transform: none;
  --pre-font-family: 'Jost', sans-serif;
  --pre-font-size: null;
  --pre-font-weight: normal;
  --pre-font-style: normal;
  --pre-line-height: null;
  --pre-text-transform: none;
  --primary-button-border-radius: 40px;
  --primary-button-border-style: solid;
  --primary-button-border-width: 0px;
  --primary-button-border-color: #3D21EA;
  --primary-button-color: rgb(255,255,255);
  --primary-button-background: #129bf4;
  --primary-button-font-size: 18px;
  --primary-button-font-weight: normal;
  --primary-button-font-style: normal;
  --primary-button-font-family: 'Jost', sans-serif;
  --primary-button-line-height: 140%;
  --primary-button-text-transform: none;
  --primary-button-letter-spacing: 0px;
  --secondary-button-border-radius: 40px;
  --secondary-button-border-style: solid;
  --secondary-button-border-width: 0px;
  --secondary-button-border-color: #5dacd2;
  --secondary-button-color: #FFFFFF;
  --secondary-button-background: #129bf4;
  --secondary-button-font-size: 18px;
  --secondary-button-font-weight: normal;
  --secondary-button-font-style: normal;
  --secondary-button-font-family: 'Jost', sans-serif;
  --secondary-button-line-height: 140%;
  --secondary-button-text-transform: none;
  --secondary-button-letter-spacing: 0px;
}
.theme-settings-root-content {
  margin: 0;
  padding: 20px;
  background: var(--page-background-color);
  min-height: 100vh;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: scroll;
}
.theme-settings-root-main {
  margin: 0 auto;
  max-width: 420px;
}

.theme-settings-root-toplogo{
  height: auto;
  margin: 0 auto;
  display: block;
  max-width: 85%;
  padding: 30px 0px 30px 0px;
}

.theme-settings-root-mainimage{
  height: auto;
  margin: 0 auto;
  display: block;
  max-width: 100%;
}

.theme-settings-root-container{
  background: var(--content-background-color);
  padding:20px 20px 20px 20px;
}

.theme-settings-root-2ndcontainer{
  background-color:#E9E9E9;
  padding:20px 20px 20px 20px;
}

.theme-settings-root-2ndcontainer ul{
  font-size: 16px;
  padding-top:20px;
}

.theme-settings-root-form{
  background-color:#ffffff;
  padding:20px 20px 50px 20px;
}

.theme-settings-root-form form{
  max-width: 95%;
  margin:0 auto;
}

.theme-settings-root-form label{
  font-weight: bold;
}

.theme-settings-root-form input{
  font-size: 20px;
}

.theme-settings-root-form button{
  margin-top:50px;
}

.theme-settings-root-socials{
  padding:20px 20px 20px 20px;
  margin:0 auto !important;
  text-align:center;
}

.theme-settings-root-socials img{
  width: 38px;
  height: auto;
  margin-left:10px;
}

.theme-settings-root-socials img:hover{
  opacity: 0.5;
}

.btn-primary{
  background-color:#129BF4 !important;
  text-transform: uppercase;
  border: none;
}

.btn-primary:hover{
  background-color: #41AFF6 !important;
  border: none;
}

.capitalizar{
  text-transform: capitalize;
}

h1{
  color:#FFFFFF;
  font-size: 32px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 900;
  font-family: 'Jost', sans-serif;
}

h2{
  color:#373737;
  font-size:30px;
  font-weight: 900;
  text-align: center;
}

h3{
  color:#5DACD2;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  font-family: 'Jost', sans-serif;
}

#alvatech-content{
  width: 100%;
  height: 30px;
  text-align:center;
  display: inline-block;
}
#alvatech {
  background: url("https://alvalandingpages.s3.us-west-1.amazonaws.com/sites/images/alva_brand_dark.svg") no-repeat scroll right center transparent;
  display: inline-block;
  height: 30px;
  transition: all 500ms ease 0s;
  width: 135px;
}
#alvatech:hover {
  height: 30px;
  width:250px;
}

#alvatech_black {
  background: url("https://alvalandingpages.s3.us-west-1.amazonaws.com/sites/images/alva_brand_dark.svg") no-repeat scroll right center transparent;
  display: inline-block;
  height: 30px;
  transition: all 500ms ease 0s;
  width: 135px;
}
#alvatech_black:hover {
  height: 30px;
  width:250px;
}
