@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic,400italic");
@import url('http://fonts.googleapis.com/css?family=Josefin+Sans&subset=latin,latin-ext');
@import url("font-awesome.min.css");

/*
	Astral by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Reset */
@media only screen and (min-device-width : 320px) and (max-device-width : 660px) {
  .lil-yachty {
    width: 300px !important;
  }
}


html{
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.drake {
  width: inherit;
  height: inherit;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  //background: linear-gradient(to right, rgb(229, 93, 135), rgb(95, 195, 228));
  //background: linear-gradient(to right, rgb(29, 43, 100), rgb(248, 205, 218));
  //background: linear-gradient(to right, rgb(204, 43, 94), rgb(117, 58, 136));
  //background: linear-gradient(to right, rgb(49, 71, 85), rgb(38, 160, 218));
  background: linear-gradient(to right, rgb(100, 43, 115), rgb(198, 66, 110));
}

.lil-yachty {
  color: white;
  font-family: josefin sans;
  font-size: 20px;
  width: 600px;
}

.no-style {
  text-decoration: none;
  color: rgb(95, 195, 228);
}

.typewrite {
  text-decoration: none;
}

.wrap {
  color: white;
  font-family: josefin sans;
  font-size: 18px;
  animation:
  blink-caret .75s step-end infinite;
}

@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: #fff; }
}