/*
Collections of Fonts
and their font-family names

font-family: "fayte-pixel-hard", sans-serif;
font-family: "fayte-pixel-soft", sans-serif;
font-family:"p22-sting",sans-serif;
font-family:"liza-display-new",sans-serif;

font-family: "argent-pixel-cf", sans-serif;
regular & italic

Thank you!
*/


body{
  color:black;
  background-color:#9baaab;
}

.construction{
  background-color:yellow;
  color:red;
  font-weight:bold;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:0;
  margin-bottom:10px;
  line-height:0;
}

.changelog{
  background-color:#3d9fa1;
  padding:8px;
  line-height:12pt;
  font-size:10pt;
  border-radius:10px;
}

.maintitle{
  display:flex;
  justify-content:center;
  font-size:65px;
  margin-top:-80px;
  margin-bottom:-80px;
}

.splittitle{
  font-size:60px;
  margin-top:-20px;
  margin-bottom:-20px;
}

.welcome{
  display:flex;
  flex-direction:row;
}

.weird{
  padding-left:0;
  margin-left:0;
}

.homet1{
  font-family:"fayte-pixel-hard", sans-serif;
  color:#3d9fa1;
}

.homet2{
  font-family: "argent-pixel-cf", sans-serif;
  font-style:italic;
  color:#bfe1e3;
  padding-top:20px;
}

.titleright{
  padding-top:35px;
  margin-bottom:90px;
}

.titleleft{
  margin-top:80px;
}

.navbar{
  margin-right:250px;
  margin-left:250px;
  display:flex;
  justify-content:space-between;
}

.biggercontainer{
  display:flex;
  justify-content:center;
}

.bgblock{
  margin-left:250px;
  margin-right:25px;
}

.smblock{
  width:300px;
  margin-right:250px;
  margin-left:25px;
  background-color:#4f5454;
  border-radius:10px;
  padding:10px;
  padding-left:20px;
  margin-top:20px;
}

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

.homesec{
  width:45%;
}

.sumsec{
  background-color:#ddeced;
  margin:20px;
  border-radius:10px;
}

.sumscroll{
  height:200px;
  overflow-y:auto;
}

.sumleft{
  width:55%;
  color:#ddeced;
  background-color:#4f5454;
  margin:10px;
  border-radius:20px;
}

.sumright{
  width:40%;
  padding-right:20px;
}

.summary{
  background-color:#4f5454;
  margin-top:20px;
  padding-top:10px;
  padding-left:10px;
  border-radius:10px;
}

.middle{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.container{
  padding-right:20px;
  padding-left:20px;
}

.sumsplit{
  padding-right:10px;
  margin-left:10px;
  margin-top:10px;
  margin-right:20px;
  overflow:hidden;
  border-radius:10px;
  background-image:url("images/bludiag.jpg");
  background-repeat:repeat;
}

.mybutton{
  border:solid 2px white;
}

.mybutton:hover{
  border:solid 2px #3d9fa1;
  transition-duration:0.2s;
}

.navbar{
  font-size:24pt;
}

a{
  text-decoration:none;
  color:#bfe1e3;
  
}

a:visited{
  text-decoration:none;
  
}

a:hover{
  text-decoration:none;
  
}