body{background-color:#ffe3eb;}
 
#n{width:100%; height:60px; background-color:#b33b72 ; position:sticky; top:0px;  }

.si{position:absolute; left:90px; top:25px;}

#x{position:absolute; left:150px; top:40px; color:white; font-family:'times new roman'; font-style:italic;}

#n ul  li{Display:inline; line-height:50px; margin-left:30px; font-weight:bold; position:sticky; }

a{color:black; text-decoration:none; font-size:20px; }

a:hover{color:white;}

#list{height:550px; width:320px; background-color:#b33b72; font-weight:bold; font-size:20px; margin-left:50px; box-shadow:10px 10px 5px 1px  grey; margin-top:50px; }
#list hr{margin-right:30px;} #list li{list-style-type:circle;}
iframe{width:80%; margin-top:50px; margin-left:50px; }
.view{display:flex; width:100%; height:900px;}

.footer{width:100%; height:200px; background-color:#b33b72 ; }
.footer ul .foot{ Display:inline; line-height:80px; margin-left:40px; padding:0px; }
.footer .foot1{ Display:inline; line-height: 0px; margin-left:30px; font-weight:bold;  }
 #ai{ font-family:'times new roman'; font-style:italic; color:white; position:absolute; top:1160px; left:680px; top:px;}
.ci{position:absolute; top:1090px; left:530px; top:px;}