body {
  background-color: white;
  margin-right: 15%;
  margin-left: 15%;
  }
/*
h1 {
  font-family: Sansita One;
  font-size: 18px;
}

.textfloat {
  display: block;
  background-color: rgba(17, 17, 17, 0.6);
  color: white;
  padding: 10px 20px 10px 20px;
  font-family: Open Sans;
}
.textfloat a {
  text-decoration: none;
  font-weight: bold;
  color: white;
}

.textfloat a:hover {
  cursor: pointer;
  text-decoration: underline;
}
  
input[type="button"] {
  width: 120px;
  height: 40px;
  border: none;
  border-radius: 4px;
  padding: 5px 5px 5px 5px;
  background-color: #f44336;
  color: white;
  font-size: 18px;
  font-family: Sansita One;
  margin-right: 4px;
  margin-bottom: 4px;
  -webkit-appearance: none
  }
input[type="button"]:hover {
  cursor: pointer;
  background-color: #111111;
  -webkit-transition: background-color 0.2s;
     -moz-transition: background-color 0.2s;
       -o-transition: background-color 0.2s;
  -webkit-appearance: none
  }
  
.navbar {
  padding-left: 0;
  margin: auto;
  width: 620px;
} 
  
.card { border-radius: 5px; }
  
.menu {
  position: fixed;
  right: 0px;
  top: 5%;
  }

.openmenu {
  text-align: left;
  color: white;
  text-decoration: none;
  display: block;
  width: 130px;
  height: 20px;
  padding-left: 10px;
  padding-top: 5px;
  background-color: #f44336;
  -webkit-transform: translate(112px,0px);
     -moz-transform: translate(112px,0px);
      -ms-transform: translate(112px,0px);
       -o-transform: translate(112px,0px);
  transform: translate(110px,0px);
  -webkit-transition: all 0.2s ease-in;
	   -moz-transition: all 0.2s ease-in;
	    -ms-transition: all 0.2s ease-in;
	     -o-transition: all 0.2s ease-in;
	transition:         all 0.2s ease-in;
}
.openmenu:hover {
  background: #111111;
  margin-right: 0px;
  -webkit-transform: translate(0px,0px);
     -moz-transform: translate(0px,0px);
      -ms-transform: translate(0px,0px);
       -o-transform: translate(0px,0px);
  transform: translate(0px,0px);
  -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
       -o-transition: all 0.2s;
}

a.sidelink {
  font-family: Sansita One;
  font-size: 14px;
  text-align: left;
  color: white;
  text-decoration: none;
  display: block;
  width: 110px;
  height: 20px;
  padding-left: 10px;
  padding-top: 5px;
  background-color: #f44336;
  -webkit-transform: translate(110px,0px);
     -moz-transform: translate(110px,0px);
      -ms-transform: translate(110px,0px);
       -o-transform: translate(110px,0px);
  transform: translate(110px,0px);
  -webkit-transition: all 0.2s ease-in;
	   -moz-transition: all 0.2s ease-in;
	    -ms-transition: all 0.2s ease-in;
	     -o-transition: all 0.2s ease-in;
	transition:         all 0.2s ease-in;
  }
a.sidelink:hover {
  background-color: #111111;
  margin-right: 0px;
  -webkit-transform: translate(0px,0px);
     -moz-transform: translate(0px,0px);
      -ms-transform: translate(0px,0px);
       -o-transform: translate(0px,0px);
  transform: translate(0px,0px);
  -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
       -o-transition: all 0.2s;
  }
  
.mode {
  display:block;
  color:#111111;
  width:100%;
  height:30px;
  padding-top:10px;
  position: relative;
  top: -15px;
  }