@font-face {
    font-family: "death";
    src: url(fonts/Death\ Note.ttf);
}
@font-face {
    font-family: "mont";
    src: url(fonts/Montserrat-SemiBold.otf);
}
@font-face {
    font-family: "kanit";
    src: url(fonts/Kanit-MediumItalic.ttf);
}
@font-face {
    font-family: "play";
    src: url(fonts/PlayfairDisplay-ExtraBold.ttf);
}
@font-face {
    font-family: "glamour";
    src: url(fonts/Glamour_Absolute_regular.ttf);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  width: 100%;
  background-color: black;
}

.task {
  height: 100%;
  width: 100%;
    background-image: url(image3.jpg);
    background-size: cover;
    background-position: center;
    text-align: center;
}

h1 {
  color: white;
  font-family: play;
  font-size: 90px;
  font-weight: 400;
  padding: 70px 30px 40px 30px;
  text-transform: uppercase;
}

button{
    background:radial-gradient( #171513, #2A2724, #433f2450);
    color: #ECECEC;
    font-size: 23px;
    font-family: kanit;
    padding: 5px 40px;
    border-radius: 35px;
    text-decoration: none;
    border: #858585 1px solid;
}