*{
   margin: 1px;
   padding: 10px;
    }
li {
    float: left;
    list-style-type: none;
    border: 2px;
    background-color: lightskyBlue;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    width: 150px;
    height: 20px;
}  
h1{
color: aliceBlue;
font-size: 45px;
background-color: #e7d39b;
     text-align: center;
     border: 2px solid gold;
     border-radius: 20px 20px 50px 50px;
     }
     
 p {
  font-size: 10px
 }
 ul li a {
  color: black;
  font-family: courier;
 }
 li{
 border-radius: 20px;
 }
 .rahul{
 transform: rotate(70deg);
 }
 .ab{
 transform: rotate(170deg);
 }
 .bc{
 transform: rotate(30deg);
 }
 .cd{
 transform: rotate(140deg);
 }
 .de{
 transform: rotate(20deg);
 }
 .ef{
 transform: rotate(90deg);
 }
 .fg{
 transform: rotate(180deg);
 }
 .gh{
 transform: rotate(250deg);
 }
 .hi{
 transform: rotate(30deg);
 }
 .ij{
 transform: rotate(150deg);
 }
 .jk{
 transform: rotate(210deg);
 }
 .kl{
 transform: rotate(120deg);
 }
 .lm{
 transform: rotate(39deg);
 }