.main {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      height: 100vh;
    }
body{
  background: rgb(182,151,255);
  background: linear-gradient(180deg, rgba(182,151,255,1) 0%, rgba(113,63,230,1) 100%);
  height:100vh;
  background-attachment: fixed;
}
.navbarrr{
  background: rgb(38,9,108);
  background: linear-gradient(180deg, rgba(38,9,108,1) 0%, rgba(14,3,40,1) 100%);;
}
.blue{
  background: #46cff2;
}
.container-large{
  padding-left: 10%;
  padding-right: 10%;
}
.col{
  padding: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.card{
  padding: 10px;
}
.row{
  margin-left: 0px;
  margin-right: 0px;
}
.logo{
  width: 250px;
  background-color:white;
}
.logs{
  height:350px;
  overflow:auto;
}

.content{ flex-grow: 1; }

.gallery{
  background-color: white;
  margin-bottom: 50px;
  box-shadow: 10px 10px 5px black;
}

.bg-custom{
  background-color:#130f40;
}
.button-fixed{
  bottom: 0;
  position: fixed;
  right: 0;
  border-radius: 4px;
}
.fas{
  cursor: pointer;
  font-size: 24px;
}
p{
  font-size: 14px;
}

.text-black{
  color:black;
}
.text-white{
  color:white;
}
.form-check-input{
  margin-left:0;
  padding:inherit;
}

input[type="radio"]:checked ~ .reveal-if-active,
input[type="checkbox"]:checked ~ .reveal-if-active {
  opacity: 1;
  max-height: 100px; /* little bit of a magic number :( */
  overflow: visible;
}



h1, h2, h3, h4, h5, h6, p, label{
  font-family: 'Montserrat', sans-serif;
  color
}


h1{
  color: white;
}
.shadow{
  box-shadow: 5px 10px #888888;
}