
<html>
<head>
<link rel="icon" href="icon.png">   <title>Ahoy!</title>
<style>

h1   {color: blue; font-size:15px}
p    {color: #07061C;}
body {cursor: url('c.png'), auto;
background-image: url('colour.png');
  font-family:DejaVu Serif ; background-color: #1c5cab;
font-size:18px;
color:#07061C; border-color:red; border-style:dotted
}


.circle1{
background-color:#1c5cab;  
margin: 5px;
padding: 20px;
font-size: 20px;  
width:150px;
max-height:600px}

.circle2{
background-color:#1c5cab;  
margin: 5px;
padding: 20px;
font-size: 20px; 
width:1000px;  text-align: center;
max-height:600px}


.intro{
width:965px; 
height:250px;  padding:2px;
border-width:3px;   
border-color:#1c5cab ; border-style:solid;
overflow-y:hidden;
 scrollbar-color: #09408E #040E58;overflow-x:hidden; background-image: url('back.jpg');
}

.write{float:right; width:345px;height:235px; background-color:#bb3000;}











.fleet{
width:965px; 
height:290px;  
border-width:3px;   
border-color:#C23600 ; border-style:dashed;
 border-radius: 5px;padding:5px; 
overflow-y:scroll;
 scrollbar-color: #09408E #040E58;
background-image: url('colour.png');
}



.sub{float:left;width:100px;height:145px;background-color:#FFB905; top:1px}

.ship{float:right;
width:805px; 
height:250px; 
border-width:0px;   
border-style:solid;
 background-color:#EE9754; background-repeat: no-repeat;
}


.desc{float:left;width:300px;height:75px;background-color:#FFB905; text-align:left;position:relative;top:110px; font-size:12px; right:115px;}













.circle3{
background-color:#1c5cab;   
margin: 5px;
padding: 20px;
font-size: 20px; width:300px;
max-height:600px}


.quiz{
background-image: url('yellow.png')  ;
margin: 0px;
padding: 0px;
font-size: 18px; width:280px;
height:360px}

 .figure {
 position: relative;


  }
  .figure img.Sirv.image-hover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: contain;
    opacity: 0;
    transition: opacity .2s; 

  }
  .figure:hover img.Sirv.image-hover {
    opacity: 1; }










.update{
background-color:#eccf95;   
margin: 0px;
padding: 0px;
font-size: 14px; width:280px;
height:190px}



.container {
  display: flex;
flex-direction: row;
  
  height: 600px;
  width: 100%; border-color:#040e58; 
border-style:solid;
border-width:0px;
}

.container div {
  margin: 5px;
  padding: 5px; 
  font-size: 20px; 
}


ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #ffb905;
    position: relative;
top:0px;
    overflow: auto;
width:200;
height:600;
}

li a {
    display: block;
    color: #07061c; font-weight: bold;
    padding: 12px 20px;
    text-decoration: none;
}

li a.active {
    background-color: #bb3000;
    color: #eccf95;
}

li a:hover:not(.active) {
    background-color: #e46735;
    color: #040e58;}







</style>
</head>







</html>