html {
   height: 100%;
}

body {
   font-family: -apple-system, BlinkMacSystemFont, sans-serif;
   margin: 0px;
   min-height: 100%;
   width: 100vw;
   background: rgb(131, 58, 180);
   background: linear-gradient(156deg, rgb(79, 78, 79) 0%, rgb(61, 58, 58) 50%, rgb(0, 0, 0) 100%);
}

main {
   color: rgb(255, 255, 255);

}

.patrick {
   color: rgb(255, 255, 255);
   font-weight: bolder;
}

h1 {
   font-size: 2rem;
   text-shadow: 1px 1px 2px rgb(202, 198, 198);

}

.imgs {
   width: 50vw;
   box-shadow: 5px 5px 5px rgb(56, 50, 50);
}

.gallery {
   margin-top: 3rem;
   display: flex;
   justify-content: center;
}

.top {
   display: flex;
   align-items: center;
   justify-content: space-around;
}

a {
   text-decoration: none;
   color: lightgrey;
   padding: 1rem;
}

a>img {
   height: 4rem;
}

.linkknopf {
   color: rgb(255, 255, 255);
   padding: 1rem;

   background-color: rgb(255, 185, 34);
   border-radius: 5px;
}

.linkknopf:hover {
   background-color: rgb(34, 111, 255);
   opacity: 0.8;
}


nav {
   display: flex;
   flex-direction: row;
   margin-top: 15rem;
   align-items: center;
   justify-content: space-around;
}

@media screen and (max-width: 600px) {
   nav {
      flex-direction: column;
      margin-top: 0rem;
   }

   h1 {
      font-size: 1.5rem;
      text-shadow: none;
   }
}


.left {
   position: absolute;
   left: 2rem;
}

.right {
   position: absolute;
   right: 2rem;
}