/* #weatherDescription{text-transform:capitalize;margin-top:46px;}
#provinceWeather{top:12%;right:0px;z-index:3;border-radius:10px;background-color:transparent;width:6%;margin:3px;color:white;position:fixed;outline:none;}
#provinceWeather option{color:black;}
#myWeather{color:white;background-repeat:no-repeat;width:125px;height:250px;position:fixed;top:10%;padding:11px;border-radius:10px;background-color:rgba(6, 11, 1, 0.6);right:0;z-index: 2;}
#weatherTemp{font-size:35px;text-align:center;margin-top:-18px;}
 */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300);html,body{background-color:#F3F3F3;font-family:'Roboto', sans-serif;}
.card{margin:0 auto;margin-top:5%;padding:5px 30px;min-width:400px;height:470px;border-radius:3px;background-color:#fff;box-shadow:1px 2px 10px rgba(0, 0, 0, .2);-webkit-animation:open 2s cubic-bezier(.39, 0, .38, 1);}
@-webkit-keyframes open{from{padding:0 30px;height:0;}
 to{height:470px;}
}
h1,h2,h3,h4{position:relative;}
h1{margin-top:45px;float:right;color:#666;font-weight:300;font-size:6.59375em;line-height:.2em;-webkit-animation:up 2s cubic-bezier(.39, 0, .38, 1) .2s;}
h2{font-weight:300;font-size:2.25em;-webkit-animation:up 2s cubic-bezier(.39, 0, .38, 1);}
h3{float:left;margin-right:33px;color:#777;font-weight:400;font-size:1em;-webkit-animation:up 2s cubic-bezier(.39, 0, .38, 1) .1s;}
span{margin-left:24px;color:#999;font-weight:300;}
span span{margin-left:0;}
.dot{font-size:.9em;}
.sky{position:relative;margin-top:60px;width:100px;height:100px;border-radius:50%;background-color:#03A9F4;-webkit-animation:up 2s cubic-bezier(.39, 0, .38, 1) .2s;}
.sun{position:relative;top:-3px;width:55px;height:55px;border-radius:50%;background-color:#FFEB3B;-webkit-animation:up 2s cubic-bezier(.39, 0, .38, 1) .5s;}
.cloud{position:absolute;top:60px;left:30px;-webkit-animation:up 2s cubic-bezier(.39, 0, .38, 1) .7s;}
.cloud:before,.cloud:after{position:absolute;display:block;content:"";}
.cloud:before{margin-left:-10px;width:51px;height:18px;background:#fff;}
.cloud:after{position:absolute;top:-10px;left:-22px;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:50px -6px 0 6px #fff, 25px -19px 0 10px #fff;}
table{position:relative;top:10px;width:100%;text-align:center;margin-top:15px;}
tr:nth-child(1) td:nth-child(1),tr:nth-child(1) td:nth-child(2),tr:nth-child(1) td:nth-child(3),tr:nth-child(1) td:nth-child(4),tr:nth-child(1) td:nth-child(5),tr:nth-child(1) td:nth-child(6),tr:nth-child(1) td:nth-child(7),tr:nth-child(1) td:nth-child(8){padding-bottom:32px;padding-right:12px;-webkit-animation:up 2s cubic-bezier(.39, 0, .38, 1) .7s;}
tr:nth-child(2) td:nth-child(1),tr:nth-child(2) td:nth-child(2),tr:nth-child(2) td:nth-child(3),tr:nth-child(2) td:nth-child(4),tr:nth-child(2) td:nth-child(5,tr:nth-child(2) td:nth-child(6)),tr:nth-child(2) td:nth-child(7),tr:nth-child(2) td:nth-child(8))){padding-bottom:7px;-webkit-animation:up 2s cubic-bezier(.39, 0, .38, 1) .9s;}
tr:nth-child(3) td:nth-child(1),tr:nth-child(3) td:nth-child(2),tr:nth-child(3) td:nth-child(3),tr:nth-child(3) td:nth-child(4),tr:nth-child(3) td:nth-child(5),tr:nth-child(3) td:nth-child(6),tr:nth-child(3) td:nth-child(7),tr:nth-child(3) td:nth-child(8){padding-bottom:7px;-webkit-animation:up 2s cubic-bezier(.39, 0, .38, 1) .9s;}
tr:nth-child(2),tr:nth-child(3){font-size:.9em;}
#descriptionWeather{text-transform:capitalize;}
tr:nth-child(3){color:#999;}
@-webkit-keyframes up{0%{opacity:0;-webkit-transform:translateY(15px);}
 50%{opacity:0;-webkit-transform:translateY(15px);}
 99%{-webkit-animation-play-state:paused;}
 100%{opacity:1;}
}