Illyaas

Maze design

@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

.div1{ font-family: 'Press Start 2P'; font-size: 40px; padding:10px; border: #7d9267 ridge 5px ; max-width:460px; animation: mymove 4s 3; position: relative;}
@keyframes mymove { 0%{left: 0px;} 50%{left:550px;}100%{left: 0px;}}
.topline{ position:absolute; top:130px; left:90px; border:07px solid; height:0px; width:860px; }

.leftline{ position:absolute; top:225px; left:90px; border:07px solid; height:565px; width:0px; }

.rightline{ position:absolute; top:130px; left:960px; border:07px solid; height:670px; width:0px; }

.bottomline{ position:fixed; top:800px; left:90px; border:07px solid; height:0px; width:775px; }

.startline1{ position:absolute; top:220px; left:90px; border:07px solid; height:0px; width:95px; }

.startline2{ position:absolute; top:130px; left:280px; border:07px solid; height:170px; width:0px; }

.startline3{ position:absolute; top:395px; left:195px; border:07px solid; height:0px; width:380px; }

.startline4{ position:absolute; top:310px; left:185px; border:07px solid; height:380px; width:0px; }

.startline5{ position:absolute; top:225px; left:375px; border:07px solid; height:285px; width:0px; }

.startline6{ position:absolute; top:130px; left:471px; border:07px solid; height:170px; width:0px; }

.startline7{ position:absolute; top:310px; left:575px; border:07px solid; height:80px; width:0px; }

.startline8{ position:absolute; top:220px; left:471px; border:07px solid; height:0px; width:190px; }

.startline9{ position:absolute; top:220px; left:674px; border:07px solid; height:295px; width:0px; }

.middleline1{ position:absolute; top:515px; left:579px; border:07px solid; height:0px; width:95px; }

.middleline2{ position:absolute; top:515px; left:375px; border:07px solid; height:0px; width:95px; }

.middleline3{ position:absolute; top:515px; left:575px; border:07px solid; height:95px; width:0px; }

.middleline4{ position:absolute; top:610px; left:285px; border:07px solid; height:0px; width:285px; }

.middleline5{ position:absolute; top:515px; left:285px; border:07px solid; height:95px; width:0px; }

.middleline6{ position:absolute; top:700px; left:90px; border:07px solid; height:0px; width:680px; }

.middleline7{ position:absolute; top:220px; left:770px; border:07px solid; height:480px; width:0px; }

.middleline8{ position:absolute; top:220px; left:865px; border:07px solid; height:575px; width:0px; }

div{
color:#7d9267; }Â 
body {background:url(
https://justcodaborate.com/project_images/gamebg.jpg);
}
Â