*{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
}




body {
background-image: url('Images/background.jpg');
background-repeat: no-repeat;
background-size: cover;
text-align: center;
}

h1{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
font-style: oblique;
font-weight: 600;
color: white;
}

h2{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: #D8E9A8
}

span{
    font-style: oblique;
}



.main-div{
    background-color: #191A19;
    margin-left: 120px;
    margin-right: 120px;
    padding: 10px;
    border-radius: 25px;
    height: 450px;
opacity: .85;
}

#list{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: #191A19;
    font-size: small;

  position: absolute;
  top: 17px;
  text-align: center;
  background-color: #b0e0a4;
  height: 450px;
  width: 150px;
  float: left;
  border-radius: 25px;
  
}

button {
transition-duration: 0.9s;
 background-color: #191A19;
color: #ffffff;

font-size: 100%;
width: 270px;
height: 30px;
border-radius: 15px;
border-style: solid;
border-color: white;
    
}

button:hover{
    background-color: white;
    color: #191A19;
}

#outputObj {
    font-size: large;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: medium;
    color: #e4ffe8;
}

footer{
    font-size: small;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: white;
}