body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
    width: 100%;
    	background-image: url(mess/nighttt.jpg);
  background-repeat: no-repeat; 
background-attachment: fixed;
background-position: center; 
background-size: cover; 
}

.p2,h5,.p3,h6,.link {
  font-family: helvetica;
}

main {
  display:flex;
    flex-direction:column;
}

.pagecontent {
  padding-top:100px;
    padding-bottom: 100px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(10, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.dashboard {
grid-column: 1;
grid-row: 1;
}

nav a {
  color: white;
} 

.link {
 align-items: center;
	list-style: none;
	margin-top: 15px;
  display:flex;
flex-direction:row;
  flex-wrap:wrap;
  justify-content:left; 
font-family: 'Becker Inline', sans-serif;  
  font-size:20px;
}

a:hover{
  color:red;
text-decoration-line: overline underline;
}

#grid{
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-template-rows: repeat(10, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

#um{
  grid-row-start:1;
  grid-row-end:1;
  grid-column-start:4;
  grid-column-end:4;
}

#um2{
  grid-row-start:1;
  grid-row-end:1;
  grid-column-start:2;
  grid-column-end:4;
}

#um3{
  grid-row-start:3;
  grid-row-end:3;
  grid-column-start:7;
  grid-column-end:7;
}

#um4{
  grid-row-start:2;
  grid-row-end:2;
  grid-column-start:1;
  grid-column-end:1;
}

#um5{
  grid-row-start:3;
  grid-row-end:3;
  grid-column-start:5;
  grid-column-end:5;
}

#um6{
  grid-row-start:4;
  grid-row-end:4;
  grid-column-start:3;
  grid-column-end:3;
}

#um7{
  grid-row-start:6;
  grid-row-end:6;
  grid-column-start:8;
  grid-column-end:8;
}

#um8{
  grid-row-start:5;
  grid-row-end:5;
  grid-column-start:4;
  grid-column-end:4;
}

#um9{
  grid-row-start:6;
  grid-row-end:6;
  grid-column-start:6;
  grid-column-end:6;
}

#um10{
  grid-row-start:7;
  grid-row-end:7;
  grid-column-start:1;
  grid-column-end:1;
}

#um11{
  grid-row-start:9;
  grid-row-end:9;
  grid-column-start:9;
  grid-column-end:9;
}

#um12{
  grid-row-start:9;
  grid-row-end:9;
  grid-column-start:5;
  grid-column-end:5;
}

#um13{
  grid-row-start:9;
  grid-row-end:9;
  grid-column-start:3;
  grid-column-end:3;
}

#um14{
  grid-row-start:8;
  grid-row-end:8;
  grid-column-start:7;
  grid-column-end:7;
}

#um15{
  grid-row-start:11;
  grid-row-end:11;
  grid-column-start:8;
  grid-column-end:8;
}

#um16{
  grid-row-start:12;
  grid-row-end:12;
  grid-column-start:2;
  grid-column-end:2;
}

#um17{
  grid-row-start:12;
  grid-row-end:12;
  grid-column-start:6;
  grid-column-end:6;
}

#um18{
  grid-row-start:14;
  grid-row-end:14;
  grid-column-start:4;
  grid-column-end:4;
}

#um19{
  grid-row-start:14;
  grid-row-end:14;
  grid-column-start:7;
  grid-column-end:7;
}

#um20{
  grid-row-start:6;
  grid-row-end:6;
  grid-column-start:2;
  grid-column-end:2;
}

#um21{
  grid-row-start:1;
  grid-row-end:1;
  grid-column-start:9;
  grid-column-end:9;
}

#um22{
  grid-row-start:14;
  grid-row-end:14;
  grid-column-start:9;
  grid-column-end:9;
}



h2{
   margin:5px;
    font-size: 15px;
}

h3{
  color:white;
  font-size:28px;                           margin:10px;                    text-align:center;
font-family: 'Fraktur Shadowed', sans-serif;
    grid-row-start:1;
  grid-row-end:2;
  grid-column-start:2;
  grid-column-end:3;
}

a{
  color:white;
}

p,.p4 {
  color: white;
  opacity: 1;
  white-space: wrap;
  font-size: 15px;
  line-height: 1;
  margin: 10px;
font-family:'DEC Terminal Modern', sans-serif;
}

.p2 {
   color: red;
  opacity: 1;
  white-space: wrap;
  font-size: 15px;
  line-height: 1;
  margin: 10px;
font-family:'DEC Terminal Modern', sans-serif;
}


.p3, .p3 a{
  list-style: none;
  color: white;
    word-wrap: break-word;
  font-size: 2rem;
font-family: 'Bitling sulochi calligra', sans-serif;
}

.p4{
    grid-row-start:2;
  grid-row-end:3;
  grid-column-start:1;
  grid-column-end:4;
  
}


.container,
 h5{
  color: black;
	font-size: 1rem;
line-height:1.8;
}

h5{
   background: rgba(255, 255, 255, 0.4);
   border-radius:1px;
    padding:10px;
}


.button {
  width: 88px;
  font-size: 10px;
  background-color: white;
  color: black;
  height: 21px;
  margin-bottom: 10px;
}


@media (max-width: 810px) {
 
  }
  
  @media (max-width: 412px) {
 
    
}