@font-face {
  font-family: Poppins-ExtraItalic;
  src: url(Poppins-ExtraBoldItalic.ttf);
  font-weight: bold;
}

@font-face {
  font-family: Poppins-MediumItalic;
  src: url(Poppins-MediumItalic.ttf);
  font-weight: medium;
}

@font-face {
  font-family: Poppins-Bold;
  src: url(Poppins-Bold.ttf);
  font-weight: bold;
}

*{
	padding: 0;
	margin: 0;
	color: #EFEFEF;
}

body{
	background-color: #101010;
	height: 100vh;
	width: 100vw;
}

.header { 
  position: relative; top: 0; 
  width: 100vw; height: 9vh; 
  overflow: hidden; 
  background-color: #1c1c1c;
}

.logo { 
  position: absolute; 
  top:50%; left:50%; 
  height: 60%;
  transform: translate(-50%,-50%); 
} 

.main {
	width: 100vw; height: calc(91vh);
}

.name {
	width: 100vw; height: 20%;
}

.name span {
	position: absolute;
	width: 90vw; 
	top: 15%; left: 5vw;
	border-radius: 20px;
	font-size: 90px;
	text-align: center;
	background-color: #8f1a25;
	font-family: "Poppins-ExtraItalic", serif;
}

.message {
	position: absolute;
	top: 29%;
	width: 100vw; height: 71%;
}

.click:hover{
	-webkit-animation: click 5s linear 1;
	animation-fill-mode: forwards;
}

.message span span {
	position: absolute;
	width: 94vw; max-height: 60%;
	top: 50%; left: 3vw;
	transform: translateY(-50%);
	border-radius: 20px;
	font-size: 10vw;
	text-align: center;
	font-family: "Poppins-MediumItalic", serif;
}

.message span span.red {
	font-size: 60px;
}

@-webkit-keyframes click {
    from{
    	opacity: 1;
        -webkit-transform: rotate(0deg);
    }
    to{
    	opacity: 0;
        -webkit-transform: rotate(3600deg);
    }
}

.center_gift {
	position: absolute;
	width: 50vw;
	top: 65%; left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 20px;
	z-index: -1;
}

.back_gift {
	width: 120vw;
}

.onGift {
	top: 53% !important;
	text-shadow: 10px 10px 2px black;
}

.message img.gift_img {
	width: 50%;
}

.message .down_arrow {
	position: absolute;
	left: 6vw;
}

.message .up_arrow {
	position: absolute;
	right: 6vw; bottom: 6vh;
}

.clock {
	top: -17vh !important; 
    font-size: 14vw !important;
}