@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap";.App{display:flex;margin:0 auto;flex-direction:column;max-width:100vw;overflow-x:hidden;height:100vh;width:100vw}.App .header-container{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;widows:100%;height:35vh;min-height:35vh;padding:0 20px;background:linear-gradient(to bottom,rgba(39,232,167,0),rgb(35,41,55)),url(/assets/coding-bg-middle.3f481f09.jpg) no-repeat center center/cover}.App .header-container .header-box-title{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:15px;border-radius:7px;height:65px;margin-bottom:-20px;background:#DF4577}.App .header-container .header-box-title h1{color:#fff;font-weight:400;text-align:center}.App .content-container{display:flex;flex-direction:column;max-width:720px;width:100%;padding:20px;margin:30px auto 0;gap:15px}.App .content-container .sub-header{display:flex;flex-direction:row;align-items:center;background:#25916d;padding:5px 10px;border-radius:7px;justify-content:space-between}.App .content-container .sub-header>p{color:#fff;font-size:12pt;font-weight:400}.App .content-container .sub-header>button{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:7px;border-radius:5px;background:#27E8A7;border:none;box-shadow:none;cursor:pointer;height:35px;width:35px}.App .content-container .content-area{display:flex;width:100%;flex-direction:column;gap:10px}.App .warn-area,.App .warn-box{display:flex;flex-direction:column;gap:5px;width:100%}.App .warn-box{background:#516377;padding:15px;border-radius:5px;overflow:hidden}.App .warn-box p{color:#fff;font-weight:400}.App footer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:15px 0}.App footer img{height:55px}.link-button-box{display:flex;flex-direction:row;align-items:center;height:60px;gap:10px}.link-button-box .first-button-box{display:flex;flex:1;background:#31AE84;overflow:hidden;cursor:pointer;transition:all .2s ease-in-out;border-radius:5px;height:100%}.link-button-box .first-button-box:hover{background:#1c7054}.link-button-box .first-button-box:hover .icon-area{background:#22db9d}.link-button-box .first-button-box .icon-area{display:flex;flex-direction:row;align-items:center;justify-content:center;width:60px;height:100%;min-height:100%;background:#27E8A7}.link-button-box .first-button-box .text-area{display:flex;flex:1;flex-direction:row;align-items:center;padding:10px}.link-button-box .first-button-box .text-area p{color:#fff;font-weight:500}.link-button-box .copy-button{display:flex;flex-direction:row;align-items:center;justify-content:center;width:60px;height:60px;border-radius:5px;background:#DF4577;transition:all .2s ease-in-out}.link-button-box .copy-button:hover{background:#bb325d;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}h1,h2,h3,h4,h5,h6,span,a,p{text-decoration:none;font-size:.7rem}:root{background:#232937}@media (min-width: 375px){h1,h2,h3,h4,h5,h6,span,a,p{font-size:1rem}}