@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,600,700&display=swap');
html, body {
     margin: 0;
     padding: 0;
     width: 100%;
     height: 100vh;
     font-family: 'Nunito', sans-serif;
     cursor: crosshair;
}

body {
     background: url(1.jpg);
     width: 100%;
     background-position: center;
     background-size: cover;
}

h1 {
     position: absolute;
     top: 46%;
     left: 50%;
     transform: translate(-50%, -50%);
     color: #fff;
     font-size: 48px;
     font-weight: lighter;
}

.toggle-btn {
     position: fixed;
     margin: 1.4em;
     padding: 1em;
     width: 40px;
     height: 12px;
     right: 0;
     z-index: 1;
     cursor: pointer;
}

span.one {
     position: absolute;
     width: 40px;
     height: 2px;
     background: #fff;
}

span.two {
     position: absolute;
     width: 40px;
     height: 2px;
     background: #fff;
     margin-top: 12px;
}

.menu {
     z-index: 0;
     position: absolute;
     background: #101010;
     height: 100vh;
     width: 100%;
     top: -100%;
}

.data {
     padding: 8em 0 0 2em;
     text-align: left;
}
.social a{
     display: inline-block;
     padding: 2em 1.4em;
}
ul {
     list-style: none;
}

li:first-child {
     color: grey;
     font-family: Poppins;
     font-size: 24px;
}

li:not(:first-child) {
     color: #fff;
     font-size: 42px;
}

a {
     text-decoration: none;
     color: #fff;
     font-family: Poppins;
}