@font-face {
      font-family: 'MyFont';
      src: URL('/Fonts/hemi-head-bd-it.ttf') format('truetype');
    }

    .MyStyle_SSR {
      border: 2px outset white;
      background-color: black;
      color: white;
      text-align: center;
      font-family: MyFont;
      padding: 0px 10px 0px 0px;
      width: 120px;
      height: 50px;
      font-size: 30px;
      border-radius: 50px 10px;
      z-index: 1;
    }

    .MyStyle_SSR:hover {
        opacity: 0.7;
    }

    .MyStyle_SamStonerRacing {
      border: 2px outset white;
      background-color: black;
      color: white;
      text-align: center;
      font-family: MyFont;
    }

    .MyStyle2_SamStonerRacing {
      border: 2px outset white;
      background-color: black;
      color: white;
      text-align: center;
      font-family: MyFont;
      font-size: 10px;
    }

    .MyStyle_SamStoner {
      background-color: black;
      color: white;
      text-align: center;
      font-family: MyFont;
    }

    .MyFont_Console {
      font-family: "Lucida Console", "Courier New", monospace;
    }

    .block{
      height: 100%;
      background-color: white;
      margin-bottom: 20px;
      padding: 20px 0;
      text-align: center
    }

    .block_bio_outer{
      height: 100%;
      background-color: #eea;
      margin-bottom: 10px;
      margin-left: 20px;
      margin-right: 20px;
      padding: 20px 0;
      text-align: left
    }
    .block_bio_inner{
      height: 100%;
      background-color: #eed;
      margin-top: 5px;
      margin-bottom: 5px;
      margin-left: 20px;
      margin-right: 20px;
      padding: 20px 0;
      text-align: left
    }
    .block_X{
      margin-top: 5px;
      margin-bottom: 5px;
      margin-left: 20px;
      margin-right: 20px;
      padding: 20px ;
      height: 100%;
      background-color: #eee;
      text-align: left
    }
    .block_Y{
      margin-top: 2px;
      margin-bottom: 5px;
      margin-left: 0px;
      margin-right: 0px;
      padding: 20px ;
      height: 100%;
      background-color: #eee;
      text-align: left
    }
    .block_Z{
      margin-top: 5px;
      margin-bottom: 5px;
      margin-left: 20px;
      margin-right: 20px;
      padding: 20px ;
      height: 100%;
      background-color: #eee;
      text-align: center;
      clear: both;
    }

    .MyImg {
      width: 150px; /* Set a small width */
    }

    .MyImg2 {
      border: 1px solid #ddd; /* Gray border */
      border-radius: 4px;  /* Rounded border */
      padding: 5px; /* Some padding */
      width: 100px; /* Set a small width */
    }

    imgTest {
      border: 1px solid #ddd; /* Gray border */
      border-radius: 4px;  /* Rounded border */
      padding: 5px; /* Some padding */
      width: 150px; /* Set a small width */
    }

    /* Add a hover effect (blue shadow) */
    img:hover {
      box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
    }

    .TextWrapLeft {
      float: right;
      margin: 10px;
    }
    .TextWrapRight {
      float: left;
      margin: 10px;
    }

    #myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

.myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.myImg:hover {opacity: 0.7;}

.w3-sectionX{margin-top:45px!important;margin-bottom:45px!important}