.form-inline input[type="text"] {
    position:absolute;
    left:70%;
    top:2.5%;
    width:20%;
    background-color:white;
    color:grey;
}
.form-inline button[type="submit"] {
    position:absolute;
    left:90%;
    top:2.5%;
    width:5%;
    color:white;
}
body {
  background-color: #f5f5ff;
  color: black;
  font-family: Verdana;
}
 
p {
  background-color: #f5f5ff;
  color: black;
  font-family: Verdana;
  margin-right: 45px;
  margin-left: 45px;
}


details > p {
  background-color: #eeeeee;
  padding: 4px;
  margin: 0;
  box-shadow: 1px 1px 2px #bbbbbb;
}

ol {
  background-color: #f5f5ff;
  color: black;
  font-family: Verdana;
  margin-right: 40px;
  margin-left: 80px;
}

ul {
  list-style-type: circle;
  margin-right: 40px;
  margin-left: 80px;
}

img src {
  margin-left: 40px;
}

gallery {
  margin-left: 40px;
  border: 1px solid #e3e1fa;
  float: left;
  width: 180px;
}

div.gallery:hover {
  border: 1px solid #a5a3bf;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 5px;
  text-align: center;
}

h1 {
  background-color: #8b92ad;
  color: white;
  padding: 25px;
  text-align: left;
}
    
h4 {
  background-color:#8b92ad;
  color: white;
  padding: 5px;
  text-align: center;
  } 
  
h3 {
  background-color:#f5f5ff;
  color: #5c5d87;
  padding: 15px;
  text-align: center;
  } 
  
#right-sidebar{
    flex-basis: 30%;
    transform: rotate(0.0deg);
    background-color: #f5f5ff;
    height: min-content;
    top: 0;
    margin: 40px 40px;
    padding: 5px 15px 15px 15px;
    border-top: 4px solid #8b92ad;
    text-align: left;
    box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.25);
}
  
/* Slogan */
#slogan{
    margin: 5px;
    list-style: none;
    background-color: #8b92ad;
    color: white;
    border-bottom: 2px #f5f5ff;
    padding: 5px;
    text-align: center;
}