hyein crd css codes

-- CSS CODES --

<style>

@font-face {
font-family:'PingWing';
src: url(https://dl.dropbox.com/s/5z5897hywveuh17/pingwing.ttf);
}

@font-face {
font-family: 'krona one';
src:
url(https://dl.dropbox.com/s/fma2yu6n4jaclgi/KronaOne-Regular.ttf)
}

#buttons01 li a {
font-family: 'krona one';
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
}

#icons01 li a, #icons02 li a, #icons03 li a {
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
border: 1px solid #986e40;
}

#container01 > .wrapper {
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
height: 14em;
}

#container02 > .wrapper {
height: 10em;
width: 17em;
}

#container03 > .wrapper {
height: 10em;
width: 17em;
}

#container04 > .wrapper {
height: 10em;
width: 17em;
}

#text01 {
color: white;
padding: 5px;
background: #7492bc;
border-radius: 1em;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
font-family:'PingWing';
}

#text02 {
background: white;
border: 1px solid #986e40;
padding: 5px;
height: 5em;
overflow: auto;
border-radius: 5px;
}

#text03 {
background: white;
border: 1px solid #986e40;
padding: 5px;
border-radius: 5px;
}

#text04, #text06 {
background: white;
border: 1px solid #986e40;
padding: 5px;
height: 4em;
overflow: auto;
border-radius: 5px;
}

#text07, #text08 {
background: white;
border: 1px solid #986e40;
padding: 5px;
height: 8em;
overflow: auto;
border-radius: 5px;
}

</style>