/*rgb(13, 34, 42), 0d222a*/
/*$sh-lift-1: rgb(159, 2, 76), 9f024c*/
/*$sh-lift-2: rgb(181, 17, 46), b5112e*/
/*$sh-lift-3: rgb(212, 87, 35) d45723*/
/*$sh-lift-4: rgb(227, 144, 36), e39024*/
/*$sh-lift-5: rgb(252, 172, 36), fcac24*/
body, html {
  height:100%;
}
body {
  background-color: #0d222a;
  font-family: 'Roboto', sans-serif;
  margin: 0;
  color:#fff;
}

.container {
  width:95%;
  height:100%;
  max-width: 960px;
  min-height: 700px;
  margin:0px auto;
  background-image: url('student_dot.png');
  position: relative;
}

header {
  height: 150px;
  position: relative;
}

header::after {
  content: '';
  display: block;
  width:100%;
  height:10px;
  background-image: linear-gradient(to right, #9f024c 0%, #b5112e 25%, #d45723 50%, #e39024 75%, #fcac24 100%);
  position: absolute;
  bottom: 0px;
  left:0px;
  right:0px;
}

.logo {
  display: inline-block;
  width:130px;
}

.logo img {
  margin:30px 20px 35px 20px;
  width:100%;
}

.content {
  text-align: left;
  padding: 20px;
}

h1 {
  font-size: 24px;
  margin:32px 0px;
}

a {
  color: #fcac24;
}

footer {
  position: relative;
  bottom: 0px;
  left:0px;
  right:0px;
  width:100%;
  text-align: center;
}