body{background-color:#3333ff;color:black;font-family:Verdana;}

h1{color:red;}

.special420 {
color: orange;
font-weight: bold;
}


.outer {
border: 50px solid blue;
}

.box {
padding: 100px;
width: calc(90% - 300px);
background-color: rebeccapurple;
color: yellow;
}


.box {
margin: 30px;
width: 100px;
height: 100px;
background-color: rebeccapurple;
transform: rotate(0.8turn)
}


.header {
background-color: #F1F1F1;
text-align: center;
padding: 20px;
}




ocircle0 the circle