CSODA css

@import url('https://fonts.googleapis.com/css?family=Combo&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto&subset=latin-ext');
* {
   margin: 0;
   padding: 0;
   font-family: 'Roboto', sans-serif;
}
.flex{
   display: flex;
   align-items: center;
   justify-content: center;
}
body{
   background-color: gray;
}
.fej {
   height: 150px;
   background-color: red;
   color: gold;
   font-family: 'Combo', cursive;
   font-size: 4em;
   font-weight: bold;
   box-shadow: inset 0 0 15px black;
}
.menu{
   position: absolute;
   left: 0;
   top: 150px;
   width: 200px;
   background-color:orangered;
   height: calc(100vh - 150px);
   box-shadow: inset 0 0 15px black;
}
.menu a{
   display: block;
   background-color: rgba(0,0,0,.4);
   width: 160px;
   padding-top: 10px;
   padding-bottom: 10px;
   margin: 20px 20px;
   border-radius: 10px;
   text-align: center;
   color: rgba(255,215,0,.7);
   text-decoration: none;
   box-shadow: inset 0 0 15px black;
}
.menu a:hover{
   background-color: rgba(255,215,0,.9);
   color: rgba(0,0,0,.8);
}
.tartalom {
   position: absolute;
   top: 150px;
   left: 200px;
   height: calc(100vh - 150px);
   width: calc(100vw - 200px);
   background-color: rgba(255,215,0,.8);
   color: orangered;
}
.keszitette {
   position: absolute;
   bottom: 10px;
   right: 10px;
   width: 250px;
   height: 40px;
   background-color:rgba(0,0,0,.3);
   color: gold;
   font-family: 'Roboto', sans-serif;
   border-radius: 20px;
}
span{
   font-size: 2em;
   text-align: center;
}
img{
   width: 300px;
   border-radius: 20px;
   box-shadow: 0 0 15px black;
   margin: 10px;
}