* {
	margin: 0;
	padding: 0;
	list-style: none;
}

html {
  scroll-behavior: smooth;
}

body {
  margin:0px;
  background-color: black
}

a {
	text-decoration: none;
	color: #4F7CAC;
}

div#link {
	position: absolute;
	top: 10vh;
	left: 50vw;
	transform:translate(-50%, -50%);
	color: white;
	font-weight: normal;
	font-family: Lemon Milk Light;
	font-size: 2vw;
	border: solid white 2px;
	padding: 15px 15px;
}

div#link:hover {
	border: solid #4F7CAC 2px;
}

#image {
	position: absolute;
	background-image: url("../img/image.jpg");
	top: 50%; left: 50%; 
	transform: translate(-50%, -50%);
	height: 413.33px;
	width: 900px;
	background-size: cover;
	background-position: center;
}

/* polices */

@font-face {
	font-family: "Caviar Dreams";
	src: url("../fonts/CaviarDreams.ttf");
}

@font-face {
	font-family: "Caviar Dreams Bold";
	src: url("../fonts/CaviarDreams_Bold.ttf");
}

@font-face {
	font-family: "Caviar Dreams Italic";
	src: url("../fonts/CaviarDreams_Italic.ttf");
}

@font-face {
	font-family: "Roboto Thin";
	src: url("../fonts/Roboto-Thin.ttf");
}

@font-face {
	font-family: "Roboto Thin Italic";
	src: url("../fonts/Roboto-ThinItalic.ttf");
}

@font-face {
	font-family: "Lemon Milk";
	src: url("../fonts/LemonMilk.otf");
}

@font-face {
	font-family: "Lemon Milk Light";
	src: url("../fonts/LemonMilklight.otf");
}

/* add */

::-webkit-scrollbar {
	width:3px;
}

::-webkit-scrollbar-thumb {
	background-color: black;
}