html{
    width: 100%;
}
body{
    width: 100%;
    height: 200%;
    overflow-x: hidden;
    background-size: 100% 100%;
    margin: 0;
}    
@font-face {
    font-family: "Xmas Dad";
    src: url("./font/Xmas Dad.ttf") format("truetype");
  }
  .patryk{
      font-family: "Xmas Dad";
      line-height: 25px;
  }
  #patryk1{
      color: white;
      font-size: 50px;
  }
  #patryk2{
      color: #FFBCC1;
      font-size: 82px;
  }
  
  #patryk3{
      color: yellow;
  }
  
  .bodytext{
  color: white;
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: 18px;
  }
  
  .navbar{
  font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 18px;
  }
  
  .navbar td{
  padding-left: 15px;
  padding-right: 15px;
  }
  
  a{
  color: #4644c4;
  text-shadow: 0 0 2px black;
  }
  
  a:hover{
  color: #615fb6;
  }
  
  a:active{
  color: #29297a;
  text-shadow: 0 0 3px black;
  }
  
  a:visited{
  color: #5c2699;
  }
  
  a:visited:hover{
  color: #6c2cb4;
  }
  
  a:visited:active{
  color: #30095c;
  text-shadow: 0 0 3px black;
  }