<style>

h1 {
    text-align: center; 
    text-shadow: 6px 6px 0px rgba(0,0,0,0.15);}

.center, .centertr, .centerth, .centerthead {
  border: 1px solid black; 
  font-size: 20px; 
  background-color: rgb(18, 90, 156);
  margin-left: auto;
  margin-right: auto;
  outline: 1px solid;}
    

  .centerth {padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
  padding-bottom: 3px;
  
  }

  
a:hover { color: rgb(153, 51, 85);}
a {color: black; font-style: normal;}


.topleft {
  position: absolute;
  top: 8px;
  left: 16px; }

  footer {text-align: center;font-size: 13px}

body{background-color: rgb(224, 231, 238);}

.wood-text {
    $random-text: 'suitable villa';
    background: url('https://i.imgur.com/OUyfQnt.jpg');
    background-size: cover;
    position: relative;
    font-size: $extra-large * 1.5;
    text-transform: uppercase;
    font-family: 'Rancho', cursive;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    &:after {
      $stroke-width: $extra-large * 0.05;
      content: $random-text;
      position: absolute;
      -webkit-text-stroke-width: $stroke-width;
      -webkit-text-stroke-color: rgba(black, 0.6);
      left: 2px;
      top: 2px
    }

    </style>