*,*:after,*:before{box-sizing:border-box;}body{background:white;font-family:arial;font-size:16px;margin:0;}.header{background:#3d016a;position:absolute;left:0;top:0;width:100%, padding:20px 60px;color:#fff;z-index:1000;display:flex;align-items:center;justify-content:space-between---;}.logo{font-size:30px;font-weight:700;}.nav_ico label{display:inline-block;position:relative;}.nav_ico label{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;cursor:pointer;}.nav_ico span{display:block;height:4px;width:30px;background:#fff;margin:4px 0}.nav-overlay{position:fixed;left:0;top:0;height:100%;width:100%;z-index:998;background:transparent;transition:all 0.3s ease-in-out;pointer-events:none;}.nav-overlay.active{background:rgba(0,0,0,0.7);pointer-events:auto;}#menu_trigger{position:fixed;opacity:0;pointer-events:none;width:0;height:0;padding:0;margin:0;}.close_icon{color:#fff;font-size:60px;position:relative;position:absolute;left:20px;top:20x;line-height:0.7;transform:rotate(45deg);}.close_icon input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;}.side_nav{position:fixed;right:0;top:0;width:260px;height:100vh;background:#3d016a;z-index:1001;padding-to6:100px;transition:all 0.3s ease-in-out;transform:translateX(100%);}#menu_trigger:checked+.side_nav{transform:translateX(0%);}.side_nav ul{padding:0;margin:0;list-style:none;}.side_nav ul li a{display:block;color:#fff;font-size:20px;text-decoration:none;padding:12px 30px;border-bottom:1px solid;transition:all 0.3s ease-in-out;}.side_nav ul li a:hover{background:#53048f;color:#fff;}.banner{height:100vh;width:100% background:url('https://wapka.org/002zjs.jpg')center center no-repeat;background-size:cover;display:flex;align-items:center;padding:60px 30px 0;color:#fff}.banner h1{font-size:90px;text-shadow:5px 1px 1px #000;text-transform:uppercase;}.banner h1 span{color:#12edff}