{
     box-sizing: border-box;
   }
   body{
     background-color: RGB(92,146,174);
   }
   img {
     width: 100%;
     height: auto;
   }
   .varjo{
     box-shadow: 10px 10px 5px grey;
   }
   .row:after {
     content: "";
     clear: both;
     display: table;
   }
   
   html {
     
	 font-family: 'Spirax', cursive;
   }
   .header {
     background-color: RGB(34,39,45);
     color: #ffffff;
     padding: 15px;
	 text-align:center;
   }
   .menu ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
   }
   .menu li {
     padding: 8px;
     margin-bottom: 7px;
     background-color :RGB(94,108,121);
     color: #ffffff;
     box-shadow: 10px 10px 5px grey;
   }
   .menu li:hover {
     background-color: RGB(150,108,121);
	 box-shadow: 10px 10px 5px orange;
   }
   a:link, a:visited {	
	 background-color: #f44336;
	 color: white;
	 padding: 14px 25px;
	 text-align: center;
	 text-decoration: none;
	 display: inline-block;
   }
   a:hover, a:active {         
     color: black;
	 font-size: 100%;
   }
 
   .aside {
     background-color: RGB(94,108,121);
     padding: 15px;
     color: #ffffff;
     text-align: center;
     font-size: 14px;
     box-shadow: 10px 10px 5px grey;
   }
   .footer {
     background-color: RGB(34,39,45);
     color: #ffffff;
     text-align: center;
     font-size: 12px;
     padding: 15px;
   }
  .box {
  background-color: lightgrey;
  width: 350px;
  border: 3px solid black;
  padding: auto;
  margin: auto;
}