*{
  box-sizing:border-box;
}

html, body{
  margin:0;
  padding:0;
  background:#ffffff;
}

body{
  font-family:Arial, Helvetica, sans-serif;
}

.page{
  width:100%;
  max-width:1920px;
  margin:0 auto;
  overflow:hidden;
  background:#ffffff;
}

.page img{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
}

.prototype-nav{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
  display:flex;
  gap:7px;
  padding:7px;
  border-radius:999px;
  background:rgba(0,28,76,.94);
  box-shadow:0 8px 24px rgba(0,0,0,.22);
}

.prototype-nav a{
  color:#ffffff;
  text-decoration:none;
  font-size:12px;
  line-height:1;
  padding:10px 13px;
  border-radius:999px;
  white-space:nowrap;
}

.prototype-nav a:hover,
.prototype-nav a[aria-current="page"]{
  background:#00a9e8;
}

@media (max-width:640px){
  .prototype-nav{
    left:10px;
    right:10px;
    bottom:10px;
    justify-content:center;
  }

  .prototype-nav a{
    flex:1;
    padding:9px 6px;
    text-align:center;
    font-size:11px;
  }
}