/* 
BubbiByte (https://bubbibyte.com) 
Copyright 2024 Thorbjørn Breum 
License: Copyright (c) Thorbjørn Breum. All rights reserved. 
*/ 
@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);#alert{background:rgba(41,128,185,.75);padding:.08rem;text-align:center;margin:.6rem 0;border-radius:25px}.result-container{padding-left:15px;padding-right:15px;margin-top:1rem;min-height:38px;border:2px solid #2980b9;border-radius:25px}.result-container #result{word-break:break-all}.result-container #clipboard{font-size:1.4rem;float:right;color:#fff}.result-container #clipboard:hover{-webkit-transition:all .3s ease-out;transition:all .3s ease-out;color:#2980b9}.settings{margin-top:1rem}.settings input{float:right}.settings .setting{border-bottom:1px solid #2980b9;border-top:1px solid #2980b9}.settings .setting #length{padding-left:5px;border:2px solid #2980b9;border-radius:25px;outline:0;background-color:transparent;color:#fff}.settings #setting_symbols{border-bottom:none}.settings #setting_length{border-top:none}#generate{border-radius:25px;margin-top:1rem;background:rgba(41,128,185,.75);width:100%;padding:.5rem;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;color:#fff;font-size:1.12rem;margin-bottom:2.5rem}#generate:hover{background:#2980b9}*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{overflow:hidden;height:100%;font-family:Poppins,sans-serif;line-height:1.6;font-size:1.12rem;margin:0;color:#fff;background-color:#000}button{border:none;background:0 0;padding:0;margin:0;cursor:pointer;outline:0}input[type=checkbox]{cursor:pointer;margin-top:5px}h1{padding-top:10rem;margin-bottom:0;font-size:1.5rem;text-align:center}main{position:absolute;height:100%;width:100%;z-index:42}.container{margin:auto;max-width:42%}.d-none{display:none}.dots{position:absolute;left:0;top:0;right:0;bottom:0}canvas{display:block}.made{position:fixed;width:100%;bottom:0}.made a{text-align:center;text-decoration:none;color:#fff}.made p{cursor:pointer;font-size:.68rem}.made p:hover{-webkit-transition:all .3s ease-out;transition:all .3s ease-out;color:#2980b9}@media screen and (max-width:650px){.container{max-width:80%}h1{font-size:1.4rem}}@media screen and (min-width:651px) and (max-width:1000px){.container{max-width:64%}}