blog css codes

<style>

#container01 > .wrapper {
border-radius: .5em .5em 0em 0em;
}

#container04 > .wrapper {
border-radius: 0em 0em .5em .5em;
}

#container05 > .wrapper {
width: 12em;
height: 9.75em;
overflow: auto;
}

#container06 > .wrapper {
width: 12em;
height: 9.75em;
overflow: auto;
}

#container07 > .wrapper {
width: 12em;
height: 9.75em;
overflow: auto;
}

#text01 mark {
background: white;
border: 2px solid black;
border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
}

#text02 {
background: white;
border-radius: 5px;
border: 2px solid black;
padding-left: 5px;
padding-right: 5px;
}

#text03 mark, #text05 mark, #text07 mark, #text09 mark, #text11 mark{
font-family: 'krona one';
background: #9d373e;
color: white;
border: 2px solid black;
border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
}

#text04, #text06, #text08, #text10, #text12 {
background: #c6a8a3;
border: 2px solid black;
border-radius: 5px;
padding: 5px;
}

#icons01 li a, #icons02 li a {
border: 2px solid black;
}

#buttons01 li a {
border-radius: .5em .5em 0em 0em;
border: 2px solid black;
border-bottom: none;
font-family: 'krona one';
}

#buttons01 {
z-index: 99;
position: relative;
top: .6em;
}

#container05, #container06, #container07 {
position: absolute;
right: 1em;
top: 5.125em;

@media only screen and (max-width: 600px) {
#buttons01 {
top: .7em;
}
}

<style>