body {
    margin: 0;
    background: #22092C;
    width: 100%;
    height: 100vh;
}
#menuDemo{text-align:center} #cssmenu{width:auto;display:block;text-align:center;font-family:Oswald;line-height:1.2} #cssmenu ul{width:auto;display:block;font-size:0;text-align:center;color:#EEE;background-color:#872341;border:transparent;margin:0;padding:0;list-style:none;position:relative;z-index:999999990;border-radius:3px} #cssmenu li{display:inline-block;position:relative;font-size:0;margin:0;padding:0} #cssmenu>ul>li>span,#cssmenu>ul>li>a{font-size:22px;color:inherit;text-decoration:none;padding:14px 20px;font-weight:400;text-transform:uppercase;letter-spacing:2px;display:block;position:relative;transition:all 0.3s} #cssmenu li:hover>span,#cssmenu li:hover>a{color:#872341;background-color:#F3F3F3} #cssmenu .dropdown{text-align:left;left:0;font-family:Helvetica,Arial,sans-serif;color:#872341;background-color:#F3F3F3;border:none;position:absolute;box-shadow:0 4px 8px rgba(0,0,0,0.3);display:none;opacity:0;cursor:default} #cssmenu .dropdown li{display:block} #cssmenu .dropdown li>span,#cssmenu .dropdown li>a,#cssmenu .clm a,#cssmenu .clm h3{font-size:14px;font-weight:400;font-family:inherit;margin:0;padding:8px 20px;display:block;color:inherit;text-decoration:none} #cssmenu .clm h3{font-size:20px;font-weight:700} #cssmenu .sub-item{background-color:#F3F3F3;position:relative;transition:all 0.3s} #cssmenu .dropdown li:hover>span,#cssmenu .dropdown li:hover>a{color:#872341;background-color:#DDDDDD} #cssmenu .clm a:hover{color:#872341;transition:color 0.2s} #cssmenu .dropdown.right0{left:auto;right:0} #cssmenu .dropdown li>.dropdown.right0{left:auto;right:100%} #cssmenu li.full-width{position:static} #cssmenu li.full-width .dropdown{width:100%;left:0;box-sizing:border-box} #cssmenu li:hover>.dropdown{display:block;opacity:1;z-index:1} #cssmenu .dropdown li>.dropdown{left:100%;right:auto;top:0} #cssmenu ul.dropdown{min-width:240px} #cssmenu div.dropdown{text-align:center} #cssmenu .clm{text-align:left;margin:20px;vertical-align:top;width:auto;min-width:240px;display:inline-block;*display:inline;*zoom:1} #cssmenu .clm a:hover{color:#872341;text-decoration:underline} #cssmenu .arrow{color:inherit;border-style:solid;border-width:2px 2px 0 0;padding:4px;transform:rotate(135deg);margin-top:-8.5px;margin-left:4px;position:relative;display:inline-block;width:0;height:0;vertical-align:middle;overflow:hidden} #cssmenu .dropdown .arrow{transform:rotate(45deg);top:50%;margin-top:-6px;position:absolute;left:auto;right:20px} .menu-icon{display:none} @media only screen and (max-width:800px){.menu-icon{display:inline-block} #cssmenu{width:100%;max-width:400px;display:none;background-color:#872341;border:1px solid rgba(0,0,0,0.2);box-sizing:border-box;z-index:999999990;position:fixed;top:0;bottom:0;left:0;right:0;height:100% !important;left:-130%;right:auto;box-shadow:-4px 0 18px rgba(0,0,0,0.3);transition:all 411ms cubic-bezier(.7,0,1,.4)} #cssmenu.active{left:0;transition:all 411ms cubic-bezier(.16,.76,.45,1)} .menu-icon.active{position:fixed;top:12px;left:12px;z-index:1000000006} #cssmenu ul{background-color:transparent;transition:all 411ms ease;box-sizing:border-box;border:none;border-radius:0} #cssmenu .mobileHide{display:none} #cssmenu li{text-align:center;display:block;position:static} #cssmenu>ul>li>span,#cssmenu>ul>li>a{font-size:22px} } .menu-icon-wrapper{padding:4px;text-align:left} .menu-icon{padding:6px;cursor:pointer;outline:none;background-color:#872341;border:1px solid transparent;border-radius:3px;transition:all 0.25s ease-out;user-select:none;box-sizing:content-box;font-size:0;position:relative} .menu-icon.active{background-color:#872341} .three-line{width:28px;height:18px;position:relative;display:inline-block;font-size:0} .three-line span{background-color:#FFFFFF;position:absolute;border-radius:2px;transition:transform .5s ease-in-out;width:100%;height:2px;left:0;transform:rotate(0)} .three-line span:nth-child(1){top:0} .three-line span:nth-child(2){top:8px;visibility:visible} .three-line span:nth-child(3){bottom:0} .menu-icon.active .three-line span:nth-child(1){transform:rotate(225deg);top:8px} .menu-icon.active .three-line span:nth-child(2){transform:rotate(180deg);visibility:hidden} .menu-icon.active .three-line span:nth-child(3){transform:rotate(315deg);top:8px} @keyframes topItemAnimation{from{opacity:0;transform:translate3d(0,-60px,0)}to{opacity:1;transform:translate3d(0,0,0)}} #cssmenu li a{animation:none} #cssmenu.active li a{animation:topItemAnimation 0.5s cubic-bezier(.16,.84,.44,1) 0.08333333333333333s backwards} #cssmenu.active li:nth-of-type(1) a{animation:topItemAnimation 0.5s cubic-bezier(.16,.84,.44,1) 0.5s backwards} #cssmenu.active li:nth-of-type(2) a{animation:topItemAnimation 0.5s cubic-bezier(.16,.84,.44,1) 0.4166666666666667s backwards} #cssmenu.active li:nth-of-type(3) a{animation:topItemAnimation 0.5s cubic-bezier(.16,.84,.44,1) 0.3333333333333333s backwards} #cssmenu.active li:nth-of-type(4) a{animation:topItemAnimation 0.5s cubic-bezier(.16,.84,.44,1) 0.25s backwards}

.rop{
    width: 100%;
    height: 1000px;
}

h1{
    font-family: VT323;
    font-size: 70px;
    color: #FFF;
    font-weight: 500;
    width:100% ;
    text-align: center;
}
h2{
    font-family: VT323;
    font-size: 40px;
    color: #FFF;
    font-weight: 500;
    width:100% ;
    text-align: center;
}
.rr{
    font-family: VT323;
    font-size: 40px;
    color: #44ff00;
    font-weight: 500;
    width:100% ;
    text-align: center;
    text-decoration: none;
}
.rr :hover{
    font-family: VT323;
    font-size: 40px;
    color: #ff0000;
    font-weight: 500;
    width:100% ;
    text-align: center;
    text-decoration: none;
}