@import url('https://fonts.googleapis.com/css2?family=IM+Fell+Double+Pica:ital@0;1&family=Maiden+Orange&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
.font{
    font-family: Anton, sans-serif;
    text-transform: uppercase;
    line-height: 1.222;
    color: #fff;
    font-size:1.5rem;
    
}

.navbar-nav { 
        margin-left: auto; 
    } 


.nav-item a:hover{
    color: white;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
color:white;
}

#mobileshow { 
display:block; 
}
@media screen and (max-width: 500px) {
#mobileshow { 
display:none; }
.ptext {
    max-width:100%;
}
}
.ptext{
  /*margin-left: 40px;*/
  max-width: 90%;
}
.ptext p{
font-family: var( --e-global-typography-text-font-family ), Sans-serif;
font-weight: var( --e-global-typography-text-font-weight );
margin: 20px 0 0 20px;
text-align: center;
}
.up-rotate {
    display: inline-block;
  }
  
  .up-rotate:hover {
    animation: rotateAndDisplay 0.6s forwards; /* Apply the animation on hover */
    color:white;
  }
  
  @keyframes rotateAndDisplay {
    0% {
      transform: rotateX(0deg); /* Initial rotation */
    }
    50% {
      transform: rotateX(90deg); /* Rotate halfway */
    }
    100% {
      transform: rotateX(0deg); /* Rotate back to initial position */
    }
  }

  .widget{
    max-width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .navbar-brand{
    font-family: "Maiden Orange", serif;
    font-weight: 400;
    font-style: normal;
    
  }
  
  .navbar-brand .text-light{
    letter-spacing: 2px;
  }
  .navbar-brand .text-red{
    letter-spacing: 2px;
    color:#FF0000
  }