*
{
          margin:0;
          padding: 0;
          box-sizing: border-box;
}

body {
          height: 150vh;
          display: flex;
          justify-content: center;
          flex-direction: column;
          align-items: center;
          background: linear-gradient(rgb(47,150,163), rgb(48,62,143));
          font-family: sans-serif;
          color:white;
}

.location, .temperature
{
          height: 30vh;
          width:50%;
          display: flex;
          justify-content: space-around;
          align-items: center;
}
.location 
{
          text-align: center;
          justify-content: center;
}

.temperature 
{
          flex-direction: column;
}

.degree-section
{
          display: flex;
          align-items: center;
          cursor: pointer;
}
.degree-section span{
          margin: 10px;
          font-size:30px;
}

.degree-section h2
{
          font-size:40px;
}

.main-heading
{
          text-align: center;
          font-size:40px;
          margin-top: 0;
}

.miniCards-div
{
          display:inline-flex;
          justify-content: center;
          border: 1px solid black;
          padding: 20px;
}
.card-location
{
          justify-content: center;
          text-align: center;
          padding: 20px;
          display: inline-table;
          
}
.temperature{
          justify-content: center;
          text-align: center;
}

.forecast-weather{
	display: inline-flex;
          text-transform: uppercase;
          
}

.location-mini-sunday
{
          padding:15px;
          transition: 0.5s ease-in-out;
          border: 0px solid white;
          border-radius: 10%;
}
.location-mini-sunday:hover
{
          padding:15px;
          transform: scale(1.1);
          transition: 0.5s ease-in-out;
          border: 2px solid white;
}
#mini-sunday
{         
          cursor: pointer;
          text-decoration: none;
          text-transform: none;
          color:#7FDBFF;
}
.location-mini-monday
{
          padding:15px;
          transition: 0.5s ease-in-out;
          border: 0px solid white;
          border-radius: 10%;
}
.location-mini-monday:hover
{
          padding:15px;
          transform: scale(1.1);
          transition: 0.5s ease-in-out;
          border: 2px solid white;
}
#mini-monday
{         
          cursor: pointer;
          text-decoration: none;
          text-transform: none;
          color:#7FDBFF;
}
.location-mini-tuesday
{
          padding:15px;
          transition: 0.5s ease-in-out;
          border: 0px solid white;
          border-radius: 10%;
}
.location-mini-tuesday:hover
{
          padding:15px;
          transform: scale(1.1);
          transition: 0.5s ease-in-out;
          border: 2px solid white;
}
#mini-tuesday
{         
          cursor: pointer;
          text-decoration: none;
          text-transform: none;
          color:#7FDBFF;
}
.location-mini-wednesday
{
          padding:15px;
          transition: 0.5s ease-in-out;
          border: 0px solid white;
          border-radius: 10%;
}
.location-mini-wednesday:hover
{
          padding:15px;
          transform: scale(1.1);
          transition: 0.5s ease-in-out;
          border: 2px solid white;
}
#mini-wednesday
{         
          cursor: pointer;
          text-decoration: none;
          text-transform: none;
          color:#7FDBFF;
}
.location-mini-thursday
{
          padding:15px;
          transition: 0.5s ease-in-out;
          border: 0px solid white;
          border-radius: 10%;
}
.location-mini-thursday:hover
{
          padding:15px;
          transform: scale(1.1);
          transition: 0.5s ease-in-out;
          border: 2px solid white;
}
#mini-thursday
{         
          cursor: pointer;
          text-decoration: none;
          text-transform: none;
          color:#7FDBFF;
}
.location-mini-friday
{
          padding:15px;
          transition: 0.5s ease-in-out;
          border: 0px solid white;
          border-radius: 10%;
}
.location-mini-friday:hover
{
          padding:15px;
          transform: scale(1.1);
          transition: 0.5s ease-in-out;
          border: 2px solid white;
}
#mini-friday
{         
          cursor: pointer;
          text-decoration: none;
          text-transform: none;
          color:#7FDBFF;
}
.location-mini-saturday
{
          padding:15px;
          transition: 0.5s ease-in-out;
          border: 0px solid white;
          border-radius: 10%;
}
.location-mini-saturday:hover
{
          padding:15px;
          transform: scale(1.1);
          transition: 0.5s ease-in-out;
          border: 2px solid white;
}
#mini-saturday
{         
          cursor: pointer;
          text-decoration: none;
          text-transform: none;
          color:#7FDBFF;
}


.footer #anchor-name          
{
          color:white;
          text-transform: none;
          text-decoration: none;
          transition: 0.5s ease-in-out;
}

.footer #anchor-name:hover        
{
          color:#FF00FF;
          text-transform: none;
          text-decoration: none;
          transition: 0.5s ease-in-out;
}

@media only screen and (min-width: 414px) and (orientation: portrait) 
{
          .forecast-weather
          {
                    width:80%;
                    overflow:auto;
                    overflow-y: hidden;
                    
          }

          .temperature
          {
                    margin-top: -10%;
          }
          .location
          {
                    margin-top: 5%;
          }
          
}