/** Shopify CDN: Minification failed

Line 7:0 Unexpected "@"
Line 187:8 Expected ":"

**/
@

html, body {
  overflow: hidden;
}

  body {
    background-color: #e7ff57;
    overflow: hidden;
    
  }
  
  .desktop{
  
    
  
  }
  #svg1 {
    fill: red !important;
  }
  #timeText {
    background-color: none;
    fill: none;
    display: inline-block;
    width: 400px;
    position: relative;
    color: #fe8450;
  }
  #timeText2 {
    background-color: none;
    fill: none;
    display: inline-block;
    width: 300px;
    position: relative;
    color: #fe8450;
  }
  #svg1 {
    position: absolute;
    width: 50vw;
  }
  #svg12 {
    position: absolute;
    width: 90vw;
  }
  #time {
    
    text-align: center;
    left: -1vw;
    top: 16vh;
    position: fixed;
    transform-origin: center center;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3em;
    line-height: 1em;
  }
  #time2 {
    
    text-align: center;
    left: -16vw;
    top:10vh;
    position: fixed;
    transform-origin: center center;
    /* border: 1px solid white; */
    /* width: 150px; */
    height: 50px;
    /* box-shadow: 1px 1px 40px 10px blue; */
    /* font-style: italic; */
    /* border-radius: 50%; */
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .catch1 {
    font-size: 3em;
    line-height: 1em;
    
    width: 40vw;
    position: absolute;
    bottom: -0px;
    height: auto;
    left: 20px;
  }
  .catch2 {
    
    width: 95vw;
    position: absolute;
    bottom: -0px;
    height: auto;
    left: 20px;
    z-index: 100;
    /* padding:3px; */
    left:5px;
  }
  #signup {
    font-size: 3em;
    line-height: 1em;
    
    text-align: center;
    right: 0vw;
    top: 0vh;
    position: absolute;
    margin: 20px;
    padding: 0px;
  }
  #signup2 {
    
   text-align: center;
    right: 0vw;
    top: 0vh;
    position: absolute;
    margin: 3px;
    padding: 0px;
    padding-right:3px;
  }
  
  .conecontainer {
    font-size: 3em;
    line-height: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40vw;
    position: absolute;
    right: -10px;
    bottom: 0px;
  }
  .conecontainer2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    position: absolute;
    right: -10px;
    bottom: 50px;
  }
  
  .cone {
    width: 100%;
  }
  
  .signupcone {
    position: absolute;
    
  text-decoration:none;
    color: #fe8450;
    text-align: center;
  }
  .signupcone2 {
    position: absolute;
    
  text-decoration:none;
    color: #fe8450;
    text-align: center;
  }
  
  #innersignup:visited {
    color: black;
  }
  path {
    fill: inherit;
    stroke: inherit;
  }
  #screen {
    fill: dodgerblue;
  }
  rect {
    fill: #d5d5d5;
  }
  
  #innersignup, #innersignup2,
  #timeText, #timeText2 {
    text-decoration: none;
  }
  #innersignup {
    color: black;
    line-height: 1.1em;
    text
  }
  #innersignup2 {
    color: black;
    /* font-size: .8em; */
  }
  
  @media only screen and (max-width: 768px) {
    .desktop {
      display: none;
    }
  }
  @media screen and (min-width:768px) {
    .mobile {
  
      display: none;
    }
  }
  
  .mobile{
    font-size: 1.6em;
    line-height: 1em;
  
  }
  
  @keyframes mymove {
    7% {transform: rotate(-4deg);}
    10% {transform: rotate(36deg);}
    17% {transform: rotate(32deg);}
    20% {transform: rotate(72deg);}
    27% {transform: rotate(68deg);}
    30% {transform: rotate(108deg);}
    37% {transform: rotate(104deg);}
    40% {transform: rotate(144deg);}
    47% {transform: rotate(140deg);}
    50% {transform: rotate(180deg);}
    57% {transform: rotate(174deg);}
    60% {transform: rotate(216deg);}
    67% {transform: rotate(212deg);}
    70% {transform: rotate(252deg);}
    77% {transform: rotate(248deg);}
    80% {transform: rotate(288deg);}
    87% {transform: rotate(284deg);}
    90% {transform: rotate(324deg);}
    97% {transform: rotate(300deg);}
    100% {transform: rotate(720deg);}
  
  }
  
  
  
  
  .logobox {
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    top: 0px;
    position: absolute;
    z-index: 200;pointer-events:none;
  }
  .logobox2 {
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
    top: 0px;
    position: absolute;
    z-index: 200;
    pointer-events:none
  
  }
  #logo {
    width: 180px;
    left: 0vw;
    top: 16vh;
  }
  #logo2 {
    width: 120px;
    left: 16vw;
    top: 20px;
    animation: mymove 10s infinite ease;
    animation-iteration-count:infinite;
    pointer-events:none
  
    /* position: relative; */
  }
  .sportlink {
    width: 16%;
  }
  .sportimage {
    position: relative;
    width: 100%;
  }
  .sportimage:hover {
    cursor: pointer;
  }
  
  #image1 {
    margin: 4px;
  }
  #image2 {
    margin: 4px;
  }
  #image3 {
    margin: 4px;
  }
  
  #image4 {
    margin: 4px;
  }
  #image5 {
    margin: 4px;
  }
  #image12 {
    margin: 4px;
  }
  #image22 {
    margin: 4px;
  }
  #image32 {
    margin: 4px;
  }
  
  #image42 {
    margin: 4px;
  }
  #image52 {
    margin: 4px;
  }
  .imagebox {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
  }
  .word {
    visibility: hidden;
    
    font-size: 2em;
    margin: 2em;
    margin-bottom: 0;
  }
  
  .wordbox {
    position: absolute;
    bottom: 0px;
    display: flex;
    width: 100vw;
    margin:0px;
    padding:0px;
    justify-content: space-between;
  }