* {
   box-sizing: border-box;
}

body {
   margin: 0;
   background: rgba(227, 216, 86, 0.4);
   background: no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   color: white;
   font-family: Arial, Helvetica, sans-serif;
   text-shadow: 0px 0px 20px #242424;
}

main {
   padding: 15px;
   height: 100vh;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

div.top {
   display: flex;
   justify-content: space-between;
}

h1.time {
   text-align: center;
}

div#crypto {
   font-size: 1.3rem;
}

div#crypto > p {
   margin: 0;
}

div#crypto-top {
   display: flex;
   align-items: center;
   margin-bottom: 5px;
}

div#crypto-top > span {
   margin-left: 10px;
}

div#weather {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   justify-content: flex-end;
   align-self: flex-start;
}

div#weather > img {
   width: 70px;
}

p.weather-city {
   width: 100%;
   text-align: right;
   margin: 0;
   margin-top: -10px;
}

p.weather-temp {
   margin: 0;
   font-size: 1.7rem;
   margin-left: -10px;
}