68 lines
1.0 KiB
CSS
68 lines
1.0 KiB
CSS
|
*{
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
|
||
|
body{
|
||
|
padding: 1rem;
|
||
|
background: rgb(8,0,142);
|
||
|
background: linear-gradient(90deg, rgba(8,0,142,1) 0%, rgba(9,9,121,1) 12%, rgba(0,212,255,1) 100%);
|
||
|
}
|
||
|
|
||
|
header{
|
||
|
border: solid black 1px;
|
||
|
background-color: whitesmoke;
|
||
|
grid-column: 1/4;
|
||
|
}
|
||
|
|
||
|
section{
|
||
|
grid-row: 2/5;
|
||
|
grid-column: 1/3;
|
||
|
background-color: whitesmoke;
|
||
|
display: grid;
|
||
|
grid-template-columns: 1fr;
|
||
|
grid-template-rows: 1fr 1fr 1fr;
|
||
|
}
|
||
|
|
||
|
article{
|
||
|
background-color: whitesmoke;
|
||
|
border: solid black 1px;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
}
|
||
|
|
||
|
footer{
|
||
|
background-color: whitesmoke;
|
||
|
grid-row: 5/6;
|
||
|
grid-column: 1/4;
|
||
|
border: solid black 1px;
|
||
|
}
|
||
|
|
||
|
aside{
|
||
|
border: solid black 1px;
|
||
|
background-color: whitesmoke;
|
||
|
grid-row: 2/5;
|
||
|
}
|
||
|
|
||
|
.griding{
|
||
|
display: grid;
|
||
|
grid-template-columns: 1fr 1fr 1fr;
|
||
|
grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
|
||
|
}
|
||
|
|
||
|
.canter{
|
||
|
padding: 1rem;
|
||
|
}
|
||
|
|
||
|
.elvalasztas{
|
||
|
margin: 0.5rem;
|
||
|
}
|
||
|
|
||
|
.tusjak{
|
||
|
background-color: #ff00ff;
|
||
|
}
|
||
|
|
||
|
.coloring{
|
||
|
color: white;
|
||
|
}
|