body{

margin:0;
background:#b8c9de;
font-family:Tahoma,Arial,sans-serif;
font-size:13px;

}

#container{

width:960px;
margin:20px auto;
background:white;
border:1px solid #8da3bc;

}

#header{

height:180px;

background:
linear-gradient(#7eb2ea,#9bc3f2);

border-bottom:3px solid #5b88c4;

position:relative;

}

#logo{

position:absolute;

left:35px;
bottom:20px;

}
#logo img
{
  
height:110px;
image-rendering:pixelated;

}



#logo h1{

margin:0;
font-size:60px;
letter-spacing:-3px;

}

#logo p{

margin:0;
font-size:18px;

}

#navbar{

background:#d7e6f7;

padding:8px;

border-bottom:1px solid #9eb8d7;

}

#navbar a{

text-decoration:none;

color:#2d5f95;

font-weight:bold;

margin-right:18px;

}

#navbar a:hover{

text-decoration:underline;

}

#main{

display:flex;

padding:15px;

gap:15px;

}

#left{

flex:3;

}

#right{

flex:1;

}

.box{

background:#edf4fc;

border:1px solid #b7cae0;

margin-bottom:15px;

padding:12px;

}

.box h2{

margin-top:0;

font-size:18px;

color:#3d6c9d;

}

.thumbnail{

height:120px;

background:
repeating-linear-gradient(
45deg,
#d8e7f8,
#d8e7f8 10px,
#cbdff5 10px,
#cbdff5 20px
);

display:flex;

align-items:center;

justify-content:center;

font-weight:bold;

color:#6b89ad;

}

input{

width:95%;

padding:6px;

margin-bottom:8px;

border:1px solid #9db6d1;

}

button{

background:#7ca9dd;

border:none;

padding:8px;

width:100%;

font-weight:bold;

color:white;

cursor:pointer;

}

button:hover{

background:#5e90cb;

}

table{

width:100%;

}

td{

padding:4px;

border-bottom:1px solid #d3e3f5;

}

label{

display:block;

margin-top:12px;

margin-bottom:4px;

font-weight:bold;

}

input{

width:96%;

padding:8px;

border:1px solid #9eb8d7;

border-radius:3px;

font-size:13px;

}

button{

margin-top:12px;

width:100%;

height:38px;

font-size:15px;

font-weight:bold;

}