body {
         background:url("bg.jpg"); 
         background-repeat: repeat; 
         background-size: 180px;
         background-color: #ffedf2;
         font-family: 'sanari';
         color: #d09166;
         font-size:18px;
         line-height: 20px;
         cursor: url(cursor.png), progress;}
         a:hover { cursor: url(cursor.png), progress;
         }
         @font-face {
         font-family: 'sanari';
         src: url('sanari.ttf') format('OpenType');
         font-weight: normal;
         font-style: normal;
         } 
         ::selection {text-shadow: 0 0 8px #ffaec8;color:#d9c0ad
         }
         ::-moz-selection {text-shadow: 0 0 8px #ffaec8;color:#d9c0ad
         }
         ::-webkit-scrollbar {
         width: 5px;
         height: 4px;
         background-color: #fcdfe9;
         -webkit-border-radius: 5ex; 
         }
         ::-webkit-scrollbar-thumb {
         background-color: #fcdfe9;
         -webkit-border-radius: 5ex; 
         border: 1px solid #fcdfe9;
         }
         ::-webkit-scrollbar-track {
         background-color: #ffedf4;
         -webkit-border-radius: 5ex; 
         border: 1px solid #ffedf4;
         }
         b {
         font-weight: 1;
         text-shadow: 0 0 1px;
         }
         h1 {
         font-size: 24px;
         color: #ffc1d2;
         font-weight: bold;
         text-shadow: 0 0px 1px;
         }
         h2 {
         font-size: 22px;
         color: #f9e5aa;
         font-weight: bold;
         text-shadow: 0 0px 1px;
         }
         h3 {
         font-size: 20px;
         color: #bee5f3;
         font-weight: bold;
         text-shadow: 0 0px 1px;
         }
         a {
         color:#d09166; text-decoration:underline 0.5px dotted #d9c0ad;
         }
         a:hover{ 
         text-decoration:underline 0.5px #d9c0ad;
         }
         li {
         list-style: none;
         }
         li::before {
         content: '';
         display: inline-block;
         margin-right: 6px;
         height: 20px;
         width: 20px;
         background-image: url(
         "star.gif");
         }
         table {
         border-collapse: collapse;
         width: 100%;
         background-color: #ffe2ea;
         }
         table td, table th {
         border:1.5px dotted #d9c0ad;
         padding: 5px;
         }
         table th {
         text-align: left;
         background-color: #ffcedc;
         font-weight: 1;
         }
         * {
         box-sizing: border-box;
         }
         .flex {
         display: flex;
         flex-wrap: wrap;
         }
         #everything{
         max-width:850px;
         border-radius: 10px;
         border:1.5px dotted #d9c0ad;
         left: 200px;
         position: absolute;
         }
         #header{
         padding:10px;
         background-color: white;
         border-radius: 10px 10px 0px 0px;
         }
         #menu{
         width: 100%;
         text-align: center;
         }
         #angelcake {
         font-size: 25px;
         color: #ffc1d2;
         font-weight: bold;
         text-shadow: 0 0 5px #ffaec8;
         margin-bottom: 20px;
         }
         @keyframes scroll {
         from {
         background-position:bottom;
         }
         to {
         background-position:bottom right;
         }
         }
         #icing {
         overflow: hidden;
         background-image: url("icing.png");
         top: 0;
         height: 70px;
         width: 100%;
         background-color: #ffedf2;
         background-size: 150px;
         animation: scroll 40s linear 0s infinite;
         }
         #content {
         background-color: #ffedf2;
         padding: 10px;
         }
         #footer {
         background-color: #ffedf2;
         padding: 10px;
         text-align: center;
         }
         .tooltip {
         position: fixed;
         display: none;
         transition: opacity 0.8s;
         max-width: 200px;
         padding:3px 4px 5px 4px; 
         margin: 15px 10px 0px 20px;
         background-color: #e7def1; 
         text-align: center;
         border-radius: 6px;
         border-style: dotted;
         border-color: #d9c0ad;
         border-width: 1px;
         font-size:18px;
         color:#d09166;
         z-index:9999;
         }
         html { text-size-adjust: 100%; }
         /* this ⤵ is for mobile phones in vertical view */
         @media screen and (min-width: 1px) and (orientation: portrait){
         #everything { position: absolute;
         zoom: 140%; 
         max-width: 590px;
         left: 55px;
         }
         }
         /* this ⤵ is for mobile phones in horizontal view */
         @media screen and (max-width: 1000px) and (orientation: landscape){
         #everything { position: absolute; 
         zoom: 100%; 
         left: 60px;
         }
         }