@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

*
{
    color: rgb(248, 248, 248);
    font-family: 'Roboto', sans-serif;
}
body
{
  background-color: #317a18;
  transition:  1s;
  margin: 0;
  background: 0;
  width: 100%;
  height: 8000px;
}
html , body
{
    background-color: rgb(34, 34, 41);
    margin: 0;
    overflow: hidden;

}
div
{
}
.wrapper
{
    display: flex;
    flex-direction: row;
    background-color: rgb(29, 54, 75);
    width: 100%;
  
}

    
.locIcon
{
float: left;
width: 20px;
padding: 5px 4px;

}
.city
{


}


.HIDEandINFO
{
    display: flex;
    flex-direction: column;
}

.hide 
{
    width: 60px;
    height: 60px;
}
p
{

}
.info
{
    height: 60px;
    width: 60px;


}


.infoCard
{

}



.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  

.card , input , button
{
    position: relative;
}

*
{
    z-index: 3;
}

#scene
{
    z-index: 2;
}

body
{
    display: flex;
    flex-direction: column;
}