*{
    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;
}