/* General settings */ 
body {
  background-image: linear-gradient(
    to right bottom, #84a0a4, #88b2b0, #90c4b7, #a0d5ba, #b7e5b8, #c9dda2, #ded392, #f2c78b, #f2a286, #e08390, #ba6e9f, #7d64a6 );
  background-repeat: no-repeat;
  background-size: cover;
  margin: 100px auto 100px auto;
  width: 100vw;
  height: 400%;
   display: flex;
   align-items: flex-start;

}

/* Styling the Logo */ 
div.logo {
  width: 25vw;
  height: auto;
	top: 40vh;
  left: 2vw;
  position: fixed;  
  transform-origin: 0 0;
  transform: rotate(-45deg); 
  opacity: 0.3;
}

div.logo:hover {
 opacity: 0.9;
}
  
/* Styling the text */ 

div.description {
  font-family: 'Work Sans';
  font-size: 16px;
  line-height: 1.5;
  text-align: justify;
  text-justify: inter-word;
  color: #333333;

  margin-left: auto;
  margin-right: auto;
  width: 50vw;
  position: relative;
}
.email {
  text-align: center;
}
a {
  color: #7D64A6;
}

a:hover{
  color: #84A0A4;
}

/* MEDIA QUERY 900px */ 
@media (max-width: 900px) {
  /* Styling the body */
  body {
    display: flex;
   	align-items: flex-start;

  }
  /* Styling the Logo */ 
  div.logo {
    width: 50vw;
  }
  /* Styling the text */ 
  div.description {
    width: 70vw;
  }

}

/* MEDIA QUERY 350px */ 
@media (max-width: 350px) {
  /* Styling the text */ 
  div.description {
text-align: center;
  }
  
}