@import url("invenis-icons.css");
@import url("owfont-regular.min.css");
body {
  font-family: "Lucida",sans-serif;
  font-size: 16px;
  line-height: 1.42857;
}
/* Weather element */
.weather [class^="icon-"]:before,
.weather [class*=" icon-"]:before {
  font-size: 34px;
  color: #EF7C00;
  margin: 0px;
  position: relative;
  top: 6px;
  margin-top: -6px;
  cursor:pointer;
  -webkit-animation: rotation 7s infinite linear;
  -moz-animation: rotation 7s infinite linear;
  -ms-animation: rotation 7s infinite linear;
}
.box {
  margin-left:15px;
}
.text-element {
  color:#000000;
}  
.iconbox-1x {
  padding-left:15px;
}
.iconbox-2x {
  padding-left:10px;
}
.iconbox-3x {
  padding-left:5px;
}
.iconbox-4x {
  padding-left:3px;
}
.iconbox-5x {
  padding-left:1px;
}
.icon  {
  color: #EF7C00;
  margin: 0px;
  position: relative;
  cursor:pointer;
  -webkit-animation: rotation 7s infinite linear;
  -moz-animation: rotation 7s infinite linear;
  -ms-animation: rotation 7s infinite linear;
  float:left;
}
.temp {
  color: #EF7C00;
  }
.temp-1x {
  font-size: 0.8em;
  padding-left:5px;
  float:left;
}
.temp-2x {
  font-size: 1.3em;
  padding-left:8px;
  float:left;
}
.temp-3x {
  font-size: 1.9em;
  padding-left:12px;
  float:left;
}
.temp-4x {
  font-size: 2.2em;
  padding-left:15px;
  float:left;
}
.temp-5x {
  font-size: 3.0em;
  padding-left:15px;
  float:left;
}

.date-1x {
  font-family: "Lucida",sans-serif;
  font-size: 7px;
  line-height: 0.5;
}

.date-2x {
  font-family: "Lucida",sans-serif;
  font-size: 9px;
  line-height: 0.6;
}

.date-3x {
  font-family: "Lucida",sans-serif;
  font-size: 12px;
  line-height: 0.8;
}

.date-4x {
  font-family: "Lucida",sans-serif;
  font-size: 15px;
  line-height: 1.0;
}

.date-5x {
  font-family: "Lucida",sans-serif;
  font-size: 16px;
  line-height: 1.42857;
}