/* Fonts */
@font-face {
  font-family: 'NittiGrotesk';
  src: url('../fonts/NittiGrotesk-Normal.otf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'NittiGrotesk';
  src: url('../fonts/NittiGrotesk-Bold.otf');
  font-weight: 700;
  font-style: normal;
}

/* General */
* {
  margin: 0;
  padding: 0;
}

body {
  font: normal normal 400 20px/160% 'NittiGrotesk', sans-serif;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(13, 15, 14, 1);
  background-image: linear-gradient(#bba5cf, #e1dfa7);
}

a {
  outline: none;
}

/* Layout */
.wrapper {
  position: relative;
  width: 90%;
  min-width: 700px;
  max-width: 1000px;
  margin: 0 auto;
}

#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(69, 80, 82, 1);
  z-index: 9999;
}

#header .wrapper {
  height: 42px;
}


#header .nav {
  position: absolute;
  bottom: 4px;
  width: 100%;
  text-align: center;
}

#header .nav li {
  display: inline-block;
  list-style-type: none;
}

#header .nav li a {
  display: block;
  padding: 0 20px;
  line-height: 24px;
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}

#header .nav li a:hover {
  color: rgba(209, 84, 182, 1);
}

#content {
  padding: 110px 0;
}

#content .logo {
  text-align: center;
}

#content .logo img {
  width: 85%;
}

#content .image
{
	text-align: center;
	transition: transform 0.7s;
}
#content .image:hover
{
	transform: scale(1.1 ,1.1) translate(5px, -10px);
}


/* Markdown */
.markdown {
  width: 76%;
  margin: 20px auto;
  color: rgba(69, 80, 82, 1);
}

.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6,
.markdown p,
.markdown ul {
  margin-bottom: 20px;
}

.markdown h1 {
  font-size: 28px;
  line-height: 30px;
  font-weight: 700;
  margin-top: 60px;
}

.markdown h2 {
  font-size: 23px;
  line-height: 26px;
  font-weight: 400;
}

.markdown p {
  line-height: 140%;
}

.markdown a {
  color: rgba(209, 110, 79, 1);
}

.markdown a:hover {
  text-decoration: none;
}

.markdown img {
  width: 100%;
}

.markdown ul {
  padding-left: 18px;
}