/* body */
  
    body {
    background-image: url(/media/backgrounds/pinkdots.png) !important;
    background-size: 20%;
    cursor: url(/media/cursor/rocambole.png), progress;
    overflow-x: hidden;
    font-family: 'angel';
    min-width: 1200px;
    max-width: 1200px;
    overflow-y: scroll;
    overflow-x: hidden;
    letter-spacing: 0.3px;
    color: #606060;
    }
    
    /* scrollbar */
    
    ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: transparent;
    }
    ::-webkit-scrollbar-thumb {
    background-color: #fff7fa;
    -webkit-border-radius: 0ex;
    border: 1px dotted #edaecb;
    }
    
    /* selection */
    
    ::selection {
    background-color: #fef4fa;
    color: #8d7c76;
    }

    ::-moz-selection {
    background-color: #fef4fa;
    color: #8d7c76;
    }
    
    @font-face {
    src: url(/fonts/angel.woff2);
    font-family: 'angel';
    font-display: swap;
    }
    
    /* tooltip */

    #s-m-t-tooltip {
    max-width:300px; /*how big the tooltip can be at most*/
    border-radius: 0px; /*change your border radius*/
    padding:3px 4px 5px 4px; /*padding inside tooltip*/
    margin:10px 7px -2px 10px; /*distance from word*/
    background-color:#FEF8FC; /*background color*/ 
    border:1px dotted #AAAAAA; /*border info*/
    font-family:tahoma; /*tooltip font*/
    font-size:7px; /*tooltip font size*/
    letter-spacing:2px; /*tooltip letter spacing*/
    color:#545454; /*tooltip font color*/
    position: relative;
    z-index: 100000 !important;
    pointer-events: none;
    text-align: center;
    }

    /* context menu */
    
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    
    a:hover,
    button:hover,
    img:hover {
    cursor: url("/media/cursor/rocambole.png"), pointer;
    }

    ul {
      list-style: none;
    }

    #context_menu {
      background: #FEF8FC;
      border: 1px dotted #AAAAAA;
      letter-spacing: 1px;
      width: 70px;
      font-family: Verdana;
      font-size: 8px;
      position: absolute;
      display: none;
      z-index: 100000;
    }

    #context_menu ul li {
      padding: 4px;
      cursor: url('/media/cursor/rocambole.png'), pointer;
      z-index: 100000;
    }

    #context_menu ul li:hover {
      background: #FEF8FC;
      color: #848484;
      z-index: 100000;
    }
    
    a{
      text-decoration: none;
      color: #545454;
      transition: .1s
    }

    a:link {
      color: #545454;
      background-color: transparent;
      text-decoration: none;
    }

    a:visited {
      color: #545454;
      background-color: transparent;
      text-decoration: none;
    }

    a:hover {
      color: #edaecb;
      background-color: transparent;
      text-decoration: dotted underline;
      font-style: italic;
    }

    a:active {
      color: #545454;
      background-color: transparent;
      text-decoration: underline;
    }
    
    html {
     display: flex;
     justify-content: center;
     cursor: url(/media/cursor/rocambole.png), progress;
    }
  
    .main {
     background: white;
     width: 850px;
     border: 30px solid;
     border-image: url('/media/borders/renda-bg.png') 18 repeat;
     border-image-outset: 5px;
     border-radius: 30px;
     border-top: 0px;
     border-bottom: 0px;
     height: auto;
     margin: auto;
     display: flex;
     justify-content: center;
     align-items: stretch;
    }
    
    .wrapper {
     background: #fef8fa;
     width: 100%;
     height: auto;
     margin: 2px;
     border: 1px solid lightgrey;
     margin-top: 10px;
     margin-bottom: 10px;
     box-sizing: border-box;
    }