@font-face {
  font-family: "Sligoil"; 
  src: url("assets/Sligoil-Micro.woff") format("woff");
  font-weight: normal;
  font-style: normal;

  font-family: "velvelyne"; 
  src: url("assets/Velvelyne-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

h1{
    font-family: "Sligoil", sans-serif;
    text-transform: uppercase;
    font-size: 100px;
    line-height: 10px;
}

.header{
  font-family: "Sligoil", sans-serif;
}

h2{
    font-family: "velvelyne", sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 30px;
}

a:hover{
    font-size: 1.2rem;
    transition: 1s;
}

p {
  font-family: "Sligoil", sans-serif; 
  text-align: left;
  word-break: normal;
  white-space: normal;
  column-count: 3;
  column-gap: 20px;
}

div {
    color: rgb(0, 0, 0);
    border-left:  1px solid black;
    padding: 20px;
    margin: 10px;
}

#content{
    padding-left: 0;
    padding: 1rem;
    overflow: hidden;
    align-self: flex-start;
    flex-shrink: 0;
    width: 33.3%;
    top: 6rem;
    position: sticky;
}

#IMG{
    padding-right: 0;
    padding: 1rem;
    border-color: black;
    border-left-width: 1px;
    flex-shrink: 0;
    width: 66.6%;

}

img{
    width: 200px;
    height: 250px;
}

img:hover,
img:active{
    transition: 1s; 
    width: 210px; 
    height: 260px;
    filter: invert(100);
}

#imgsmall{
     width: 150px;
    height: 170px;
}

details{
    font-family: "Sligoil";
}