/* scroll */





.grid {
	margin-top: 40px;	
  	margin-left: auto;
 	margin-right: auto;
  	max-width: 48em;
  	width: 90%;
}

/* helpers/sticky.css */

.sticky {
  position: sticky;
}

.sticky--top {
  top: 0;
}

/* layout/base.css */

* {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  height: 100%;
}

body {
  	background-color: #436EFF;
  	font-family: 'Niramit', sans-serif;
	color: whitesmoke;
  	line-height: 1.75;
  	margin: 0;
  	min-height: 100%;
}



.border {
  position: fixed;
  top: 0;
  left: 0;
  border: 12px solid whitesmoke;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* layout/header.css */

/* .header {
  padding-bottom: 1em;
  padding-top: 1em;
} */


.header::after {
  bottom: 0;
  content: '';
  left: 12px;
  opacity: 0;
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: -1;
  background: #ffc0cb;
}

.header.is-active::after {
  opacity: 1;
}

/* layout/main.css */

.main {
  padding-top: 6em;
  padding-bottom: 6em;
}

/* modules/headline.css */

h1 {
  margin-bottom: 1.5em;
  margin-top: 0;
}

/* modules/navigation.css */

.navigation a {
  color: inherit;
  display: block;
  text-decoration: none;
}



.navigation__list {
  list-style: none;
  margin: -0.5em;
  padding: 0;
}

.navigation__list--inline {
  display: flex;
}

.navigation__item {
  margin: 0.5em;
}


li a:hover {
    border-bottom: 3px solid whitesmoke;
}


/* modules/paragraph.css */

p {
  margin-bottom: 1.5em;
  margin-top: 1.5em;
}

.girls {
  	font-size: 1500%;
  	text-align: center;
	color: pink;
	position:relative;
	top:50vh;
	transform: translateY(-100%);
	line-height:1.2;
	text-decoration: none;
}

 
.img {
	
	
	border: 12px solid pink;
	max-width: 100%;
	
  	
}