*{
 background-color: #333333;
}
main *{
 font-family: 'Bitter', serif;
}
header *{
 background: black;
}
.pic{
 display: grid;
 height:700px;
 width:100%;
 background: url("img/buildings.jpg") no-repeat center;
 background-size: cover;
 background-attachment: fixed;
}
.pic h1{
 background: none;
 color: black;
 place-self: center;
 font-family: 'Bitter', serif;
 font-size: 150px;
}


.items {
  transition-property: opacity;
  transition-duration: 1s;
  background-color: #000000;
  background-image: linear-gradient(147deg, #000000 0%, #434343 74%);
 height:auto;
 min-height: 300px;
 display: grid;
 grid-template-columns: 300px auto;
 margin:70px;
 box-shadow: 0px 0px 30px 0px black;
}
.portals  a{
 text-decoration: none;
}

.items:hover{
 opacity:0.7;
}
.items *{
 background: none;
}
.profile{
  background: url("img/comingsoon.png") no-repeat center;
  background-size: cover;
  width: 300px;
  height:300px;
}
.Information{
 padding:40px;
 line-height: 175%;
}
.Information *{
 padding: 10px;
}