background(51);

}

​

p{

  font-family: 'Roboto', sans-serif;

/*   font-family: 'Grenze Gotisch', cursive; */

  color:white;

/*   text-align:center; */

}

​

h1{

  color:white;

  font-family: 'Grenze Gotisch', cursive;

  font-size: 34pt;

  margin-top:50px;

  text-align:center;

  color:white;

}

.apple{

  color:white;

  margin-left:30px;

  margin-right:30px;

}

​

.container {

  height: 270px;

  position: relative;

  margin-top:10px;

  border: 3px solid green;

}

​

.container2 {

  display: flex;

  align-items:center;

/*   justify-content:center; */

  flex-direction:column-reverse;

  justify-content:space-between;

}

​

.container3 {

  display: flex;

  margin-bottom:20px;

}

​

h2{

  font-family: 'Ubuntu Mono', monospace;

  color:white;

  text-align:center;

  font-size:20px;

  margin-bottom:10px;

}

h3{

    font-family: 'Grenze Gotisch', cursive;

  color:white;

}

#slider{

​

  -webkit-appearance: none;

  width: 100%;

  height: 15px;

  border-radius: 5px;

  background: #d3d3d3;

  outline: none;

  opacity: 0.7;

  -webkit-transition: .2s;

  transition: opacity .2s;

}

​

#slider:hover{

   opacity: 1;

}

​

#slider::-webkit-slider-thumb {

  -webkit-appearance: none;

  appearance: none;

  width: 25px;

  height: 25px;

  border-radius: 50%;

  background: #4CAF50;

  cursor: pointer;

}

​

#slider::-moz-range-thumb {

  width: 25px;

  height: 25px;

  border-radius: 50%;

  background: #4CAF50;

  cursor: pointer;

}

​

button{

    margin: 0;

    position: relative;

    top: 50%;

    box-shadow: 0px 1px 0px 0px #1c1b18;

    background:linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);

    background-color:#eae0c2;

    border-radius:15px;

    border:2px solid #333029;

    display:inline-block;

    cursor:pointer;

    color:#323b16;

    font-family:Arial;

    font-size:14px;

    font-weight:bold;

    padding:12px 16px;

    text-decoration:none;

    text-shadow:0px 1px 0px #ffffff;

}

​

.myButton:hover {

    background:linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);

    background-color:#ccc2a6;

}

.myButton:active {

    position:relative;

    top:1px;

}

​

.footer-bottom {

/*   display:flex;

  align-items:flex-end; */

  color:white;

  font-family: 'Ubuntu Mono', monospace;

  padding: 30px 0px;

  text-align: center;

}

​

​