/*  "/html/online-compiler" IS NEEDED FOR LOADING CUSTOM .otf PATH */

body {
  margin: auto;
  background-color: #aaaaaa;
}

@font-face {
    font-style: regular;
    font-family: "EuclidCircularA-Regular";
    src: url("/html/online-compiler/fonts/EuclidCircularA-Regular.otf");
}
  
h1 {
    margin: 16px;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    font-family: EuclidCircularA-Regular;
}
  
p {
  color: rgba(37, 38, 94, 0.87) ;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: auto 16px;
    font-style: normal;
    font-family: EuclidCircularA-Regular;
}

img {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 500px;
   height: auto;
   margin-top: -250px; /* Half the height */
   margin-left: -250px; /* Half the width */
}

#wrapper td {
   vertical-align: middle;
   text-align: center;
}