@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;500&display=swap');

body {
	font-size: 105%;
	#background-image: linear-gradient(rgba(15,15,15,.85),rgba(15,15,15,.85)), url('/images/firewatch_night.jpg');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;	
}

.content-summer:before {
  background-image: linear-gradient(rgba(15,15,15,.66),rgba(15,15,15,.66)), url('/images/web3_apt42_background.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;	
  content: "";
  position: fixed;
  right: 0;
  height: 0;
  z-index: -1;
  margin-top:-64px;
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}

.content-night:before {
  background-image: linear-gradient(rgba(15,15,15,.85),rgba(15,15,15,.85)), url('/images/firewatch_night.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;	
  content: "";
  position: fixed;
  right: 0;
  height: 0;
  z-index: -1;
  margin-top:-64px;
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.content-day:before {
  background-image: linear-gradient(rgba(15,15,15,.85),rgba(15,15,15,.85)), url('/images/firewatch_day.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;	
  content: "";
  position: fixed;
  right: 0;
  height: 0;
  z-index: -1;
  margin-top:-64px;
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.py4 {
	#border: solid;
	#border-color: #ededed;
	#border-top: none;
	#border-bottom: none;
	#padding-right: 2rem;
	#padding-left: 2rem;
}

.px3 {
	#padding-right: 0rem;
	#padding-left: 0rem;
}

#about,
.post-list,
.project-list
{
	#font-family: "Ubuntu", sans-serif;
}

.domain-notice {
	background: rgb(64 69 82 / 66%);
	border: 2px solid rgb(129, 74, 255);
	border-radius: 10px;
	padding: 0.8rem 1rem;
	margin: 1rem 0;
}