@import url("https://fonts.googleapis.com/css?family=Montserrat:wght@600");

@media screen and (orientation:portrait) {
    h1 {
        font-size: 7vw;
        margin-top: 40;
        margin-bottom: 0;
        background: radial-gradient(#14ffe9,#ffeb3b,#ff00e0);
          -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
        animation: rotate 0.8s linear infinite;
      text-align: center;
      font-family:  'Montserrat', sans-serif;
    }
    img{
        color: green;
        height:8vw;
        position:absolute;
        top:4vw;
        left: 80vw;
    }
    #back{
        height:9vw;
        position:absolute;
        top:3.5vw;
        left: 10vw;
        margin-top: 30;
        margin-bottom: 0;
        background: radial-gradient(#14ffe9,#ffeb3b,#ff00e0);
          -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
        animation: rotate 0.8s linear infinite;
      text-align: center;
      font-family:  'Montserrat', sans-serif;
    }
    #home{
        height:9vw;
        position:absolute;
        top:3.5vw;
        right: 10vw;
        margin-top: 30;
        margin-bottom: 0;
        background: radial-gradient(#14ffe9,#ffeb3b,#ff00e0);
          -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
        animation: rotate 0.8s linear infinite;
      text-align: center;
      font-family:  'Montserrat', sans-serif;
    }
    *{
        font-size: 5vw;
        text-align: center;
         font-family: "Montserrat";
    }
    }
    @media screen and (orientation:landscape) {
        h1 {
            font-size: 4vw;
            background: radial-gradient(#14ffe9,#ffeb3b,#ff00e0);
          -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
        animation: rotate 0.8s linear infinite;
      text-align: center;
      font-family:  'Montserrat', sans-serif;
        }

        img{
            height:3vw;
            position: absolute;
            top:2vw;
            left: 60vw;
        }
        #back{
            height:9vw;
            position:absolute;
            top:3.5vw;
            left: 10vw;
            margin-top: 30;
            margin-bottom: 0;
            background: radial-gradient(#14ffe9,#ffeb3b,#ff00e0);
              -webkit-background-clip: text;
             -webkit-text-fill-color: transparent;
            animation: rotate 0.8s linear infinite;
          text-align: center;
          font-family:  'Montserrat', sans-serif;
        }
        #home{
            height:9vw;
            position:absolute;
            top:3.5vw;
            right: 10vw;
            margin-top: 30;
            margin-bottom: 0;
            background: radial-gradient(#14ffe9,#ffeb3b,#ff00e0);
              -webkit-background-clip: text;
             -webkit-text-fill-color: transparent;
            animation: rotate 0.8s linear infinite;
          text-align: center;
          font-family:  'Montserrat', sans-serif;
        }
        *{
        
            font-size: 2vw;
            text-align: center;
          font-family: "Montserrat";
        }
   }
   @keyframes rotate {
    0%{
        filter: hue-rotate(0deg);
    }
    100%{
        filter: hue-rotate(360deg);
    }
}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
  }