@import url(image-filters.css);

body {
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
 }

 body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image: url(bilder/grid-5-x-5-squares.png);
     background-size: 150px;
     background-repeat: repeat;
  filter: blur(3px);
  z-index: -1; /* lägg bakom innehållet */
}

 .title-block {
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
     color: rgb(0, 0, 0);
     text-decoration-line: underline;
     text-decoration-color: rgba(97, 3, 3, 0.8);
     text-align: center;
     background-image: linear-gradient(to top, #3b3b3b, #6d6d6d);
     background-repeat: repeat;
     background-position: 50%;
     background-size: 100%;
 }

 #top-bar{
     position: fixed;
  top: 0;
  left: 0;
   display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
 }

 .title-text {
    color: black;
     display: inline-block;
     border-radius: 20px, 20px;
     text-decoration: none;
 }

 .link-block {
     font-family: monospace;
     text-decoration-line: none;
     font-size: large;
     background-color: #3b3b3b;
     border-radius: 0px 0px 20px 20px;
     font-size: 20px;
 }

 .outline {
     outline-style: solid;
     outline-color: black;
 }

 .rounded-corners{
    border-radius: 20px;
 }

 a {
     color: rgb(0, 0, 0);
     text-decoration-line: none;
     background-color: rgba(0,0,0,0);
     padding: 15px 32px;
     display: inline-block;
     border-radius: 0px 0px 0px 0px
 }

 #left-button-edges{
     border-radius: 0px 0px 0px 20px
 }

 a:hover{
    text-decoration: dashed;
    text-decoration-line: underline;
     background-color: rgb(119, 119, 119);
    text-decoration-color: rgba(133, 4, 4, 0.8);
 }

 hr {
     width: 100%;
     height: 10px;
     color: rgb(43, 43, 43);
     background-color: rgb(43, 43, 43);
 }

 .capitalized-letters{
    color: rgb(133, 4, 4);
    font-weight: bolder;
 }

 #vgy-logo{
    margin-right: 70%;
 }