106 lines
1.6 KiB
CSS
106 lines
1.6 KiB
CSS
body{
|
|
/*margin-left: 1%;
|
|
margin-right: 1%;
|
|
margin-top: 1%;
|
|
margin-bottom: 1%;*/
|
|
margin: 1%;
|
|
background-color: darkslategray;
|
|
}
|
|
|
|
nav{
|
|
background-color: darkolivegreen;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
footer{
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
padding: 1%;
|
|
background-color: darkolivegreen;
|
|
font-size: 40px;
|
|
}
|
|
|
|
footer div{
|
|
margin-right: 6%;
|
|
}
|
|
|
|
.flex-container2{
|
|
display: flex;
|
|
/*background-color: yellow;*/
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
padding: 1%;
|
|
}
|
|
|
|
.flex-container2 div{
|
|
background-color: cadetblue;
|
|
/*width: 5%;*/
|
|
margin: 1%;
|
|
margin-right: 5%;
|
|
padding: 1%;
|
|
text-align: center;
|
|
font-size: 30px;
|
|
}
|
|
|
|
#nev{
|
|
background-color: darkolivegreen;
|
|
/*width: 5%;*/
|
|
margin: 1%;
|
|
margin-right: 5%;
|
|
padding: 1%;
|
|
text-align: center;
|
|
font-size: 40px;
|
|
}
|
|
|
|
|
|
|
|
.flex-container {
|
|
display: flex;
|
|
width: 100%;
|
|
/*background-color: DodgerBlue;*/
|
|
flex-direction: column;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
padding: 1%;
|
|
}
|
|
|
|
.szek{
|
|
background-color: #f1f1f1;
|
|
width: 5%;
|
|
height: 10%;
|
|
margin-left: 5%;
|
|
margin-bottom: 1%;
|
|
text-align: center;
|
|
/*line-height: 65px;*/
|
|
font-size: 30px;
|
|
}
|
|
|
|
.sor{
|
|
display: flex;
|
|
/*background-color: purple;*/
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: center;
|
|
}
|
|
|
|
.foglalt{
|
|
background-color: red;
|
|
}
|
|
|
|
.ideiglenes{
|
|
background-color: darkturquoise;
|
|
}
|
|
|
|
a:link{
|
|
text-decoration: none;
|
|
color: black;
|
|
|
|
}
|
|
|
|
a{
|
|
color: black;
|
|
} |