html{
	overflow: scroll;
  }
/*If you want to replace cat paw.png, the ideal image size is 50x50 pixels */

body {
	background-color:black;
	background-image:url();
	background-repeat:repeat;
  }

.container{ 
  display: flex;
  justify-content: center;
  margin-top:60px;
  }	
  
.container2{
	text-align:center;
    }

.layout{
	background-color:#171717;
	width: 1200px;
	height: 2500px;
	outline: 1px solid grey;
	margin:auto;
	}

nav #navbar { 
	color: white;
    text-decoration: none;
    font-size: 20px;
	font-family:Libertinus Math, serif;
    padding: 10px;
   }
   
#navbar {
     padding: 10px;
	 background-color:#171717;
	 outline: 1px solid grey;
	}
	
#navbar:hover { 
  background-color:white;
  color: black;
  }  
 
#icon{width:200px;} 
	 
h1,h2,h3{	
  font-family:Libertinus Math, serif;
  font-size: 30px;
  color:white;
  }

.layout2 {
	width:800px;
	height:650px;
	background-color:#171717;
    outline: 1px solid grey;
	margin:auto;
	margin-top:90px;
  }

#thecat:hover {
	cursor:pointer;
	filter: drop-shadow(0px 0px 5px white);
  }

p {	
  font-family:Libertinus Math, serif;
  font-size: 20px;
  color:white;
  }
  
 #link{ 
  font-family:Libertinus Math, serif;
  font-size: 20px;
  color:grey;
  text-decoration:none;
 }
 
 #link:hover{
	 cursor:pointer;
	 color:white;
 }
	 
#btn1,#btn2,#btn3 {
	width:1100px;
	height:30px;
	background-color:black;
	border-style:none;
	outline: 1px solid grey;
	font-family:Libertinus Math, serif;
    font-size: 20px;
    color:white;
	margin:auto;
	cursor:pointer;
	}

#btn1:hover{
	background-color:white;
    color:black;
	}
	
#btn2:hover{
	background-color:white;
    color:black;
	}
	
#btn3:hover{
	background-color:white;
    color:black;
	}
	
#ur-img1 {
	width:200px;
	height:200px;
	padding:10px;
	object-fit:cover;
	cursor:pointer;
	}

#ur-img1:hover {
opacity:0.5;
}	
	
.submenu,.submenu2,.submenu3{
	width:1100px;
	height:500px;
	background-color:#171717;
	outline: 1px solid grey;
	margin:auto;
	position:relative;
	overflow: scroll;
	display:none;
    }	

#ur-img2{
	width:200px;
	height:200px;
	padding:10px;
	object-fit:cover;
	cursor:pointer;
   }
   
#ur-img2:hover {
opacity:0.5;
}	   
   
 .divider {
    width:1100px;
    outline: 1px dashed grey;
	margin:auto;
	}
	
ul li {
  font-family:Libertinus Math, serif;
  font-size: 20px;
  color:white;
  padding:10px;
  }


#blg-txt1,#blg-txt2,#blg-txt3{padding:10px;}