* {
  margin:0;
  padding:0;
}

::-webkit-scrollbar {
  display: none;
}

/* For Firefox */
html {
  scrollbar-width: none;
}
.event-link {
  display: flex;
  flex-direction: row;
  width: 100%;
  text-decoration: none; /* Removes default underline */
  color: inherit; /* Keeps the text color unchanged */
}

/* For Internet Explorer and Edge */
body {
  background-color: #;
  margin-top:10px;
  display:flex;
  justify-content: center;
  -ms-overflow-style: none;
}
.entire {
margin-left: auto;
margin-right: auto;
    margin:0;
    padding:0;
    /*background: linear-gradient(to left, #333, #333 50%, #eee 75%, #333 75%);*/
    /*background: linear-gradient(0deg, rgba(0,0,0,1) 30%, rgba(114,115,115,1) 58%, rgba(254,255,255,1) 100%);*/
    background:#;
    width:98%;
}

body {
  
}

.map-container {
/*background-color: gray;*/
height:200px;
display: flex;
justify-content: center;
align-items:center;
}

iframe {
  
width: 50%;
}

.venue-enter {
    display:flex;
    justify-content: center;
    height:65px;
    width:100%;
    /*background-color:darkgray;*/
}

input {
  display: flex;
  justify-content: center;
  margin-left:15px;
  margin-top:10px;
    border:0;
    font-family: "Kantumruy Pro", sans-serif;
    font-size:30px;
    font-weight:200;
    width:50%;
    height:50px;
    background: none;
    border-bottom: 4px solid black;
}

::placeholder {
    color:lightgray;
    font-weight: 200;
    font-style:italic;
    ;
}

.event-container{
  margin-top:10px;
    display:flex;
    flex-direction: column;
  align-items:center;
  gap:7px;
overflow-y:scroll;
overflow-x: hidden;
height: 50vh;
width:100%;
}

.events {
    width:50%;
    height:140px;
  display:flex;
    background:white;
  border: 4px solid black;
  border-radius:10px;
  line-height:15px;
}

.image {
  width:25%;
    display:flex;
  justify-content:center;
  align-items:center
}

img {
  padding:5px;
    width:110px; 
    height:110px;
}

.text {
width:50%;
  margin:0;
  padding:0;
  font-family: "Kantumruy Pro", sans-serif;
}

.artist {
  padding:2px;
  margin-top:11px;
  font-weight:600;
color:black;
font-size:20px;
font-family: "Kantumruy Pro", sans-serif;
margin-top:20px;
}

.info {
  padding:2px;
  color:darkgray;
  line-height:14px;
}

.crowdlinks {
  width:25%;
  background-color:lightgray;
  color:white;
  display:flex;
  flex-direction:column;
justify-content:center;
align-items:center;
  font-size:17px;
  font-family: "Kantumruy Pro", sans-serif;
  border-radius:2px;
  gap:5px;
}

.crowdlinklogo{
width:30px;
height:15px;
}

.tab-bar {
        box-sizing: border-box;
        outline:black .5px solid;
        display: flex;
        justify-content: center; /* Centers the row */
        align-items: center; /* Centers vertically (optional) */
      }

      .tab {
        display: flex;
        justify-content: center; /* Centers content horizontally */
        align-items: center; /* Centers content vertically */
        width: 25%; /* Adjust if necessary */
        height: 100px;
        background-color: black;
        /*outline: 1px white solid;*/
    }
    .tab:hover{
      background-color: #00CECB;
      transition: .4s;
    }

    .logobox {
      width: 50px; /* Adjust as needed */
      height: auto; /* Maintain aspect ratio */
      display: block; /* Ensures proper positioning */
  }

  .laurgaur {
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  
  @media (max-width: 700px), screen and (orientation: portrait) {


    * {
      margin:0;
      padding:0;
    }

    
    /* For Internet Explorer and Edge */
    body {
margin:0;
padding:0;
height:100vh;

    }
    .entire {
    width:100%;
    outline:2px solid red;
    margin-bottom: 0;
    }
  
    
    .map-container {
    height:27vh;
    display: flex;
    justify-content: center;
    align-items:center;
    }
    
    iframe {
      height:200px;
    width: 85%;
    }
    
    .venue-enter {
        display:flex;
        justify-content: center;
        height:65px;
        width:100%;
        position:relative;
        z-index: 10;
        /*background-color:darkgray;*/
        
    }
    
    input {
      margin-left: 0;
        width:85%;
    }
    
    ::placeholder {
        color:lightgray;
        font-weight: 200;
        font-style:italic;
        ;
    }
    
    .event-container {
      position: relative;
      margin-top: 20px;
      max-height: 60vh;
      overflow-y:scroll;
overflow-x: hidden;
  }
    
    .events {
      width: 85%;
      margin: 0;
      height: 30%;
      background-color: white;
    }
    
    .image {
      width:25%;
      height: 100%;
        display:flex;
      justify-content:center;
      align-items:center
    }
    
    .text{
      padding:5px;
    }
    img {
      width: 85%;
      height: 85%;
    }

    .artist {
      font-size:16px;
      padding:2px;
      margin: 0;
    }
    .info {
      font-size:12px;;
    }
    
    .crowdlinks {
border-radius: 4px;
background-color:white;
    font-weight:500;
    }
    .laurgaur{

      background-color: lightgray;
      justify-content: center;
      align-items: center;
      display:flex;
      flex-direction: column;
      width:85%;
      height:85%;
      border-radius:8px;
    }
    .crowdlinklogo{
    width:40%;
    height:18%;
    }
    
    .tab-bar {
      position: fixed; /* Keeps it at the bottom */
    bottom: 0;
    left: 0;
    width: 100%;
            box-sizing: border-box;
            outline:black .5px solid;
            display: flex;
            justify-content: center; /* Centers the row */
          }
    
          .tab {
            display: flex;
            justify-content: center; /* Centers content horizontally */
            align-items: center; /* Centers content vertically */
            width: 25%; /* Adjust if necessary */
            background-color: black;
            /*outline: 1px white solid;*/
        }
        .tab:hover{
          background-color: #00CECB;
          transition: .4s;
        }
    
        .logobox {
          width: 50px; /* Adjust as needed */
          height: auto; /* Maintain aspect ratio */
          display: block; /* Ensures proper positioning */
      }




  }