body {
background-color: #111111;
color: #fff;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
}

#menu {
background-color: #212223;
width: 100%;
height: 60px;
position: fixed;
top: 0;
left: 0;
z-index: 1;
}

#logo {
margin-top: 8px;
margin-left: 8px;
width: 46px;
height: 46px;
}

#title {
margin-top: -36px;
margin-left: 62px;
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 1000;
line-height: 80%;
}

#link {
color: #fff;
text-decoration: none;
}

.link {
color: #00aafc;
text-decoration: none;
}

#menu-1 {
position: absolute;
margin-top: -46px;
margin-right: 6px;
right: 10px;
}

#menu-2 {
background-color: #ffffff;
display: block;
width: 30px;
height: 2px;
margin-bottom: 5px;
text-align: right;
}

#menu-3 {
background-color: #ffffff;
display: block;
width: 20px;
height: 2px;
margin-bottom: 5px;
text-align: right;
}

#menu-4 {
background-color: #ffffff;
display: block;
width: 30px;
height: 2px;
margin-bottom: 5px;
text-align: right;
}

#menu-5 {
display: none;
background-color: #212223;
width: 100%;
height: auto;
position: relative;
top: -6px;
padding-bottom: 10px;
}

#menu-6 {
position: relative;
font-size: 36px;
top: -20px;
}

#menu-7 {
background-color: #111111;
color: #fff;
width: 90%;
height: 40px;
margin: auto;
padding-top: 1px;
padding-left: 10px;
padding-bottom: 1px;
border-radius: 10px;
}

#menu-8 {
position: relative;
line-height: 0%;
display: inline;
margin-left: 4px;
top: -4px;
}

#login-logo {
margin-top: 10px;
margin-left: 8px;
width: 20px;
height: 20px;
}

#menu-9 {
background-color: #111111;
color: #fff;
width: 90%;
height: 40px;
margin: auto;
padding-top: 1px;
padding-left: 10px;
padding-bottom: 1px;
border-radius: 10px;
margin-top: 10px;
}

#menu-10 {
position: relative;
line-height: 0%;
display: inline;
margin-left: 0px;
top: -4px;
}

#menu-11 {
background-color: #111111;
color: #fff;
width: 90%;
height: 40px;
margin: auto;
padding-top: 1px;
padding-left: 10px;
padding-bottom: 1px;
border-radius: 10px;
margin-top: 10px;
}

#menu-12 {
position: relative;
line-height: 0%;
display: inline;
margin-left: 0px;
top: -4px;
}

#menu-13 {
background-color: #111111;
color: #fff;
width: 90%;
height: 40px;
margin: auto;
padding-top: 1px;
padding-left: 10px;
padding-bottom: 1px;
border-radius: 10px;
margin-top: 10px;
}

#menu-14 {
position: relative;
line-height: 0%;
display: inline;
margin-left: 0px;
top: -4px;
}

#sign-up-logo {
margin-top: 10px;
margin-left: 6px;
width: 28px;
height: 20px;
}

#main {
position: relative;
top: 60px;
}

#main-1 {
position: relative;
text-align: center;
}

#main-2 {
color: #31D031;
}

#main-3 {
position: relative;
top: 2px;
}

#main-4 {
color: #B3B3B3;
padding-left: 20px;
padding-right: 6px;
font-size: 20px;
}

#main-5 {
position: relative;
background-color: #ff5000;
width: 80%;
height: 50px;
border-radius: 20px;
margin-left: 16px;
}

#main-6 {
position: relative;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}

#main-5::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
box-shadow: 0 0 10px #ff5000,
0 0 20px #ff5000,
0 0 30px #ff5000;
border-radius: inherit;
}

#main-7 {
text-align: center;
padding-top: 30px;
padding-bottom: 20px;
}

.main-8 {
background-color: #332155;
position: relative;
margin: auto;
width: 80%;
height: auto;
padding-top: 1px;
padding-left: 20px;
padding-right: 10px;
border-radius: 10px;
padding-bottom: 10px;
}

.main-8::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
box-shadow: 0 0 10px #332155,
0 0 20px #332155,
0 0 30px #332155,
0 0 40px #332155;
border-radius: inherit;
}

.main-9 {
line-height: 50%;
font-family: 'Montserrat', sans-serif;
font-weight: 1000;
}

.main-10 {
font-family: 'Lora', serif;
font-weight: 600;
}

#main-11 {
background-color: #111111;
width: 90%;
height: auto;
padding-top: 10px;
padding-left: 10px;
}

#main-12 {
margin-top: -16px;
padding-left: 20px;
}

#main-13 {
margin-top: -80px;
margin-left: 160px;
}