@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Quicksand:300,400,500");
* {
  box-sizing: border-box; }

html, body {
  display: flex;
  font-family: 'Quicksand', sans-serif;
  height: 100%;
  width: 100%; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

.weather {
  display: flex;
  margin: 0 auto;
  max-width: 500px; }
  .weather__header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .weather__temp {
    font-size: 10em;
    font-weight: 300;
    position: relative; }
    .weather__temp::after {
      content: '°';
      font-size: .5em;
      position: absolute;
      top: 20px;
      right: -15px; }