body {
    background-image: url(graphics/sea.png);
    background-position: bottom center;
    background-attachment: fixed;
     overflow-x: hidden;
     overflow-y:hidden;
     margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.page-screenshot {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    pointer-events:none;
}


/*
 * Brought to you by https://www.cursors-4u.com
 */
@keyframes cursor-anim {
  0.00% { cursor: url("data:image/webp;base64,UklGRlQEAABXRUJQVlA4WAoAAAAwAAAAPwAAPwAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBIbQAAAAEPMP8REcJtbT1P85VkFgB7BZeJsJjTaP8oTODjMumIIAlV9BH9nwBs80GEEh+DBLIVrOxXjJ6nK4jnOI5jA7yVDh+DxLUDC2KM6qD11ksbS41KsEGiafAxBlE1CCJqACCMUK2nCz42yHU0NhUAVlA4IPABAACwCgCdASpAAEAAPlEgjEQjoiEXDJaoOAUEsobfss1bYzRLslj6OuCtBlgaU1oHSK1KeJ8EJe2NftAjqC2Qmu2RJ2oB/m1Hm0oypQhZS7ZyJfy6hap2UPsnLmnucROAAP7+fLF+C7ZT/6Mx//THURqtZHBd86MHdula/2tJoL9G+98M3j4BOw3A93eGAlyCctk8E/+v/XHKoGNIWput/LiXj+/EcgSLv5LX+Ig/RzqeCujcPwYrGjUVP3BHFr/7xW1ZvxXgPn8Lcuul+xahtb92pf5whjMWfA3plbKymKdlfHIiYwGTawASNBxGSSzPcECUQCdbXRITprgshIvqLJhKaJyQIYu3LOu9Rnjjih6vBELp9XVO8kX/zrB8mr2n8NPsjCO8BUFxCQK6FzbGQTAFAMjS3WooZ8efnIDEahTPNDfwEStHd+ipQo/hVVQlOqQOU6k9aXOOjpqH6Y6J21aweoqAPr/IFbC6nFFm9blCz/xkxRDNTT5CJcMBFZApbJjdz2knHVQOED8mpHeAFfAC1o+fCiIdwgOVYEUJ1F6Rtfa54S0Qi5SZaWJ6jNekx7nGmj11lnWrPr0uurR/hhf/PRS7n6OnikdKUj/1CwBxEp3LWeOUh5QrQmHaS6+Ostz7DA1CLsdacRtIcu7AAAAA") 10 32, auto; }
  20.00% { cursor: url("data:image/webp;base64,UklGRkwEAABXRUJQVlA4WAoAAAAwAAAAPwAAPwAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBIaQAAAAEPMP8REcJtbNuN8tTHAjUQelqiBGW0pUJwJShcL/MdNo/o/wTgP5+JX6F1KjSK0XDEbEqcF0JyAUgpkacQyeaKlrljZJaYyUlIp1dtEkayTmiJS4jME4EJwJwuyYF6E2yzMJpaU8QfBgBWUDgg7AEAAHALAJ0BKkAAQAA+UR6MRCOhoRcNtjg4BQSxgGlmukRYtgRwK4CVOtyT4hKupEN/jeNPwjcQ6blqk2XkxBdbmaOjuINfBdl7IAJlg5y3tWM9xrhW+kXMAQoJktTtt6iMlvhJAAAA/v58mZ8+jJMuv9pf0HZG9ng6Yh8CJsROYP4/RysrJ9WJ8hR4t6nOJbGBsRMAYY/v+wrfubp3uzRC1mfuVnrOo3hqzWBr8P0s8ozbFBQvWpWUin4qglD5GwocAk1LjgOwMhNQt3kXpELRFP+Mg28+x9GnuLxo/037R25Szn11Og/+FfIyX9wulIGOoEm6HLytDSvQ2LGY3wW+oH+yUjBJE4pMThWRG+akqXIzGyv6U/8OmHdY+uPXvUbz1Ud0njBSe+zreuycvnNBdh2RaO4KJnFBnfowJ1dd8pg7VFcrDfiGyZ2PBb9EskzqjW44JMpOpi9fCCkBvPbPheX6yeHKGadfrBkm2aGj/xGInEhtADvUvY1fIvwuqMCtvIPRFGMushgdrodpz89qjIC0w5S8NrZYrCHeWIsGe3Z6EbL3v1/KpsOkH7C2890jLCgyrJDK2PRE1DHxDsIayEwn9YeH6q9Wyk+N/CbJE2qCv+moTQQwCih34/j/Wn//e0qcoN2GYxw0lDEAAA==") 10 32, auto; }
  40.00% { cursor: url("data:image/webp;base64,UklGRmYEAABXRUJQVlA4WAoAAAAwAAAAPwAAPwAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBIbgAAAAEPMP8REcJxbU1P8s2KFjKUwQ5aAW3ApTt/OsOOspLTzJjdR/R/AvCfM2YiHEiqGOwHOsFXEgxPjc8YYRjHkSqUo3RQKla06JSBjWvlrFTKTtqn6AQLFStilIy2MAoAM9LmMYyEJwale6p62V8GVlA4IAICAABQDACdASpAAEAAPlEgjEQjoiEWDq5kOAUEsYBnSrjkA27t25KBGcCuAlWLcS+I9AD9QEycE8Wx4WUEnMqojC5xgiPWfMzaNlgrmT8FFNbRj1qyh/Dwx8SuRnfV+2aLiH1KNFnomPNP61pAAAD+/nyW55mf/yWZ4O8H3iwyvCPzOnVqrGKWnwjB0FQacr7ieczw9leFfwcjj+/lAZ/c3TvdlpqSvJZ2ZoGdwlClUH9XQ3F1zJ98BJ5kTs+p0dMfflLBG4BJqXGpHhEZR/g6Y8LvihqksTswohrFeC2kL+m/Z23KV8Q0/QD9DO5tn5SkeA7oYYrkT/CiSz8kaCgPnrM1KAybmEzKoL5BKyFcxpFGm1KX779zvXeB2lXUKUnIGihrAIRE/wEMu3hDBYlb8lDwECIt5+jnlv1HNyvQlqLLVI5171Mf9gtZ1hwydNNadVT4+uAGpT4dhOOPvif7DPs1i5dIisb+wBUD/guGM4dHWabdrBkNwGfExFEq1Z00d1AMvtCdC/yIEquWA3Ap4Inl5/zFKcy+/Lypv+DGq5pNFLSU4yo4qlfi0lj+5RzjFxHyAR7cGEwgLYLqcrg/ub9dKivNgkEl2wHeToQ/pXcw7fKhCZd/dhHuXKtgepRTEnTob2FN4wVqgOww8gA6lmkHbj0pyDD9z6u6P/+vHC9huIAA") 10 32, auto; }
  60.00% { cursor: url("data:image/webp;base64,UklGRkoEAABXRUJQVlA4WAoAAAAwAAAAPwAAPwAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBIZgAAAAEPMP8REYJpbNtRXirAokgn1EInpC1cHG3gkESyZ3ufr/AR/Z8A/PNQOYtg2F6h/XCTTujxqiJzihhjNAs8CQgkYhdusuGtxoZFK0TNsbJpxU1m7IKvjAcAFw2+QfeqbtWuCsKvAlZQOCDuAQAAsAsAnQEqQABAAD5RHoxEI6GhFw22ODgFBLGAaNWcZqW5Tb0m6nKB4FaTVm/eEJV1Ihvuc5I2YLvvGOCFcbUaB1ueE3c4w/gQ3IyVKrLNJeRfvsPH9XJYusoVojqiLYTX0vVLBdgAAP7+fJivYAsXWcFh1aF0MpvM76MRgYA7FyYOgqvnmr2mHWVG3jnSSiTkGNaNTSi/1DNerTY35qQJglllnn4d3vrraGqjSXv2lYn7fKnbSgU+dUXoS5lGiQFn/931hfT7Tv4KeF55TioLpwql+Q/1G6zf6b9n7cpZz65zPdlVKvlCrvnaWiG0lQFa7iqoCdGdaKdQVbBkVOp7uO/JU7UPuqZq1PTTL43361nL1VlOh8lh+Lgur21MO7LDz0F17lpM2QzWT9tu8Os9uU8nIID8a8uTmu+4eDa38r0//EhCozOZQJL4VEa12fC/7sbVEp2LB5QJ8jCi9Gyl+IZDsYO+OMoxwbUx3CYwjGXqcBjfy/sH25pjKrmBGMrSHcQXEDF5A1sDNhernhk4GqPaLLgiftX4xex6qmwxeodijBi+cfGh5KqW0DgZ4WyqmYJnCPQvY+dbDnXIFk/glGQ7Wu1EiRgWF0lGy80azqFATqP2ouhsO0Okt4L3LUMq4cwzbd+qeJX/9XQAAAA=") 10 32, auto; }
  80.00% { cursor: url("data:image/webp;base64,UklGRmwEAABXRUJQVlA4WAoAAAAwAAAAPwAAPwAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBIeAAAAAEPMP8REcJNrW1v8vwy6BZYO5Yy0vkdoIcNAXggEjL2+n3fnyl7RP8ngHGOhF+ROC0VzANK5Wg8qQc1mg/zTdM0G4jF5U5ipCK7UyoVtWi+2sv6aae/9llRGqnIXsRic8aLyRnK5t24NYBvHGEMq41yUGqhR8aoAlZQOCD+AQAAMAsAnQEqQABAAD5NHItEIqGhGPx22CgExLGAaYwEJ57ZVCqOxmUDwL0kDNhdpwKVsVixdBx8iUEp158snYP66VpUjVcQ4K1Q2PpqSpatESKSm40AJmD0fBx1B2l6GJqIToAA/v4G2x1A5E+pNw49pZzPr3GGYEtzHRELJ054b8Q7mf/7A0gWzvgVh7GsGbrz7p28Cf5ktj+9iBslh4tZ54Z88FjcK8uIVHACrB5r79eMUPwNNkHx67nGDHfIxd4WMOvaE2EJb6fkPSGMcfMPxkG3q5ZyO+6hef/Tfs7b1DF/rsRmejfz+X9IpstTDTrNujHUjjmN9UqeYF4u2aY7nuzYXfEnGw+CNPTTalL99+6zFxsr/0qIISZcYQ427ZdPJyGtZzoVztkaAukl6h8I9MFwbxyNmu250C9r+hCFFyzUzab22DQyT9onlz1l3E+b5n3KfSC35jh2Za63TU1LE0jXg155oe+pjBKVmsjJD6Ta0lu3peA1URPYPAKzhLp0+098tFIIQpNzxV4r45pAQ+RhxYK2LjkFa+TSYKnOiKy0nz8fh5OJqizSJIZEoGHEvjXzcoGd2Px7gtHYuDx6bGcATTyxOZSVjJJEbtNNQF9l8mSzLgKzgMSP7JfEpYOC7qsrJnUg8xcUf+a/lw//wcLen6TWZzTu/fFAAAAA") 10 32, auto; }
}
html { animation: cursor-anim 500ms step-end infinite; }
a,button,input,textarea,label,[role=button],select,option{cursor:inherit!important}



::selection {
  background: #ffcd85; 
  color: darkblue; 
}

@font-face {
  font-family: "Captain America"; 
  src: url('graphics/american_captain.ttf') format('truetype');
}

 @font-face {font-family: "Pacifico";
src:url('graphics/yunJt0R8tCvMyj_V4xSjaXYhjbSpvc47ee6xR_80Hnw.woff') format('woff');
}

@font-face {font-family: "fineliner";
 src: url('graphics/fineliner_script_1_.otf') format('opentype');
}

#info{
  font-family:"fineliner";
   color:  #ffcd85;
   position:absolute;
   top:12.5vw;
   left:50%;
  transform: translateX(-50%);
  text-align: center;
   font-weight: 600;
   font-size:1.5vw;
    opacity: 0.7;
     white-space: nowrap;
}

h1{
    font-family: "Pacifico";
    color: #ffcd85;
    font-size: 9.2vw;
    position: absolute;
    top: 1.8vw;
    margin: 0;
    text-align: center;
    align-items: center;
    display: flex;
    left:50%;
  transform: translateX(-50%);
    opacity: 0.5;
     white-space: nowrap;
}


      #flashlight {
        --Xpos: 50vw;
        --Ypos: 50vh;
         display: none;
         z-index: 999999;
         
      }


      #flashlight:before {
        z-index: 999999;
        content: "";
        width: 100vw;
        height: 100vh;
        position: absolute;
        pointer-events: none;
        position: fixed;
        margin:0;
        top:0;
        left:0;
        right:0;
        background: radial-gradient(
          circle 9em at var(--Xpos) var(--Ypos),
          rgba(0, 0, 0, 0),
         rgba(1, 20, 51, 0.7) 110% 
        );
      }
    


#starlogo{
    -webkit-mask-image: url(https://i.imgur.com/iE8ff6N.png);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    width: 20px;
    height: auto;}

 h1:hover{ 
font-style: italic;
}  
  #info:hover{ 
font-style: italic;
}  



  @keyframes move-horizontal {
  from {
    transform: translateX(100vw);
  }
  to {
    transform: translateX(-100vw);
  }
}

@keyframes move-horizontal-right {
  from {
    transform: translateX(-100vw) scaleX(-1);
  }
  to {
    transform: translateX(100vw) scaleX(-1);
  }
}

@keyframes move-up {
  from {
    transform: translateY(100vh) scaleX(-1);
  }
  to {
    transform: translateY(-100vh) scaleX(-1);
  }
}



.disk {
width: 1.8vw;
height: 1.8vw;
object-fit: cover;
-webkit-mask-image: url(https://i.postimg.cc/3RYpcLqS/14.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
animation-duration: 3s;
animation-iteration-count: infinite;
position:absolute;
bottom:4.7vw;
left:60.5vw;
z-index:10;
pointer-events:all;
}

.disk {
        animation-name: spin;
        animation-timing-function: linear;
    }
    @keyframes spin {
        from { transform: rotate(0deg) }
        to { transform: rotate(360deg) }
    }