@pre {
  position: relative;
    min-height: 1px;
      padding-right: 15px;
        padding-left: 15px;
}

font-face {
    font-family: 'Pushkin';
    src: url('../fonts/Pushkin.woff2') format('woff2'),
        url('../fonts/Pushkin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.weatheredwatcher {

	font-family: 'Pushkin';

}

.weatheredwatcher h1 {
	font-family: 'Pushkin';
}
#coffee, #code, #pizza {
	display: inline-block;
        width:  200px;
	height: 160px;
	color: white;
	margin-right: 1em;

}

#brags {

	height: 50px;

}