@charset "UTF-8";

html,body { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%;background: #141e6e;background: radial-gradient( at center, #0075c3, #000b61 ); }

.apImgTitle { position: fixed; width: 42%; left: 30%; top: 30%; }

.apTitle { font-size: 40px; color: #fff; position: fixed; top: 32%; width: 100%; text-align: center; }

.logcon { position: fixed; width: 100%; top: 47%; text-align: center; }

    .logcon input { padding: 10px 15px; border-radius: 3px; border: none; margin-right: 10px; width: 220px; }

    .logcon button { padding: 10px 20px; border: none; background: #fff; border-radius: 3px; letter-spacing: 5px;text-indent: 5px; }

        .logcon button:hover { cursor: pointer; }

canvas { display: block; vertical-align: bottom; }

#particles-js { width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center }

.particles-js-canvas-el { width: 100%; height: 100%; }