body {
  color: #ff0241;
  font-family: arial;
  font-size: 11pt;
}
h1 { 
  font-size: 70px;
  text-align: center;
}
h2 {
  font-size: 25px; 
  text-align: center;
  color: #ffa0ab;
}

#top,#bottom,#left,#right {
  background: #4250f4;
  position: fixed;
  }
  #left, #right{
    top: 0; bottom: 0;
    width: 15px;
  }
  #left {left: 0;}
  #right {right: 0;}
  
  #top, #bottom{
    left: 0; right: 0;
    width: 15px;
  }
  #top {top: 0;}
  #bottom {bottom: 0;}
}
  
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
li {
    display: inline;
}
a {
    display: inline-block;
    padding: 15px;
    background-color: #ffffff;
    border-style: dotted;
    border-width: 5px;
    border-color: #000;
    font-size: 40px;
    color: #ff0720;
    
}
li a:hover {
    background-color: #ad9bff;
    border-color: #4250f4;
    font-size: 70px;
    text-align: center;
} 
   .center {
    padding: 70px 0;
    text-align: center;
}
  
p { 
  text-align: center;
  font-size: 25px;
}

iframe { 
    display:block;
    border-top: #c00 15px dotted;
    border-right: #c00 15px dotted;
    border-left: #c00 15px dotted;
    border-bottom: #c00 15px dotted;
    border-color:#000;
}