@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}body{background-color:#000;background-image:url(/static/media/bg.07143cec3174085cbcb0.gif);font-family:Roboto Mono,monospace;font-weight:400}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.glitch{animation:glitch 1s linear infinite}.glitch,.glitch2{display:flex;font-size:25px;position:relative}.glitch2{animation:glitch 3.4s linear infinite}.glitch[title="Streamlined, affordable hosting and web development."], h1[title="WordPress hosting plans starting at just C$4/month."]{display:none}h3::selection{color:var(--neon-text-color)}h3:focus{outline:none}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:-.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 2rem var(--neon-text-color),0 0 4rem var(--neon-text-color),0 0 6rem var(--neon-text-color),0 0 8rem var(--neon-text-color),0 0 10rem var(--neon-text-color)}20%,24%,55%{text-shadow:none}}@keyframes glitch{2%,64%{transform:translate(2px) skew(0deg)}4%,60%{transform:translate(-2px) skew(0deg)}62%{transform:translate(0) skew(5deg)}}h3:after,h3:before{content:attr(title);left:0;position:absolute}h3:before{animation:glitchTop 1s linear infinite;clip-path:polygon(0 0,100% 0,100% 33%,0 33%);-webkit-clip-path:polygon(0 0,100% 0,100% 33%,0 33%)}@keyframes glitchTop{2%,64%{transform:translate(2px,-2px)}4%,60%{transform:translate(-2px,2px)}62%{transform:translate(13px,-1px) skew(-13deg)}}h3:after{animation:glitchBotom 1.5s linear infinite;clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%);-webkit-clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%)}@keyframes glitchBotom{2%,64%{transform:translate(-2px)}4%,60%{transform:translate(-2px)}62%{transform:translate(-22px,5px) skew(21deg)}}.home-container,.home2-container,.home3-container,.home4-container{background-color:#000;box-shadow:0 54px 55px #00000040,0 -12px 30px #0000001f,0 4px 6px #0000001f,0 12px 13px #0000002b,0 -3px 5px #00000017;display:flex;justify-content:center;margin:5%}.home2-container,.home4-container{margin-left:0;margin-right:20%;margin-top:10%}.home2-container,.home3-container,.home4-container{background-color:#000;color:#fff;display:block;justify-content:right;padding:2%}.home3-container{margin-left:20%;margin-right:0}.home3-text{display:flex}.title h1{margin:30px}.home3-text .pricing-cards,.home3-text h1,.home3-text h3{margin:auto 0;max-width:29%;padding:1%}.home3-pricing-cards-container .pricing-cards{max-width:100%}.home2-container table{margin:0 auto;max-width:55%}.home2-text{margin:0 20%;max-width:70%}.header{align-items:center;background-color:#fff;color:#fff;padding:25px 15px}.header,.nav{display:flex;justify-content:space-between}.nav{width:100%}.nav-left,.nav-right{display:flex;list-style:none;margin:0;padding:0}.nav-left li,.nav-right li{margin:0 30px}.header img{height:80px}.loading img{margin:0}.loading{height:100vh;justify-content:center}.loading,.loading p{align-items:center;display:flex}.loading p{font-size:18px;margin:0}a{color:#000;text-decoration:none}.inline-a{color:#fff}.inline-a,a:hover{text-decoration:underline}h1{font-size:120px}h1,h2{color:#fff;font-weight:400}button{background:#000;border:2px solid #000;color:#fff;cursor:pointer;display:inline-block;font-family:Roboto Mono,monospace;font-size:20px;font-weight:600;line-height:28px;outline:0;padding:12px 20px;text-align:center;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}button:hover{background:#fff;color:#000}.front-page-logo{margin-left:20%}.front-page-text{color:#fff;margin-top:3%}.addwebsite-form-bg,.contact-form-bg,.login-form-bg,.registration-form-bg{background-color:#000;color:#fff;height:80.4vh;padding:30px}.addwebsite-form-bg{height:90.4vh}.checkout-form-bg{width:100%}.addwebsite-form,.contact-form,.login-form,.registration-form{margin:0 auto;width:70%}select{background-color:#000;color:#fff;font-family:Roboto Mono,monospace}.ForgotPassword form,.ResetPassword form,.checkout-form form,.contact-form form,.login-form form,.registration-form form{padding-top:8%}.ForgotPassword label,.ResetPassword label,.checkout-form label,.contact-form label,.login-form label,.registration-form label{display:block}.ForgotPassword button,.ResetPassword button,.checkout-form button,.contact-form button,.login-form button,.registration-form button{display:block;margin:auto}.ForgotPassword input,.ResetPassword input,.addwebsite-form input,.contact-form input,.login-form input,.registration-form input,textarea{margin:1%;padding:.5%;width:30%}input[type=checkbox i]{accent-color:#1b1b1b}.checkout-form button{margin-top:3%}.payment-seperation{border-bottom:1px solid #fff;margin:10% auto 0;width:90%}footer{background-color:#fff;padding:1vh}.card-element-container{border:1px solid #ccc;border-radius:4px;margin:0 auto;max-width:800px;padding:10px;width:100%}footer p{margin:0;padding:.15%}footer a{font-size:12px}.PrivacyPolicy,.TermsOfService{background-color:#000;color:#fff;padding:1%}.PrivacyPolicy h1,.TermsOfService h1{font-size:30px}.About,.Blog,.Checkout,.Dashboard,.ForgotPassword,.Receipt,.ResetPassword,.Settings,.UpdateEmail,.UpdatePassword,.loading{background-color:#000;color:#fff;height:80vh;padding:.1px}.About{height:120vh}.Blog{display:flex}.Blog h1{font-size:68px;margin:5%;width:20%}.blog-content{border:1px solid #fff;margin:1%;padding:1%;text-align:left}.blog-content p,pre{margin:0}.receipt-details{border:1px solid #fff;margin:5% auto;width:30%}.dns-instructions{background-color:#000;color:#fff;height:110vh;padding-left:50px;padding-right:50px;padding-top:10px}ul{list-style-type:none}table{border-collapse:collapse;width:100%}td,th{border:1px solid #ddd;padding:8px;text-align:left}.questions{display:flex}.question-block{margin:0 2%;width:30%}.Checkout,.Dashboard{display:flex}.website-buttons{bottom:10px;left:25%;position:absolute}.cloudpanel-logo{border:1px solid #fff;height:30px;margin:0 20%;padding:3%;transition:transform .3s}.cloudpanel-logo:hover{border:3px solid #fff;position:relative;transform:scale(1.2)}.instructions{padding-bottom:.5%;padding-top:1%}.settings-buttons{margin-top:12%}.Pricing{background-color:#000;height:95vh;padding:.1px}.Pricing,.login-form a{color:#fff}.Pricing a,.dashboard-websites a,.dns-instructions a,.instructions a{color:#fff;text-decoration:underline}.delete-link{display:none;margin-left:8px}.website-container:hover .delete-link{display:inline}.Pricing h1{font-size:48px}ul{padding:0}.dashboard-websites li{margin:20px 0}.About h3{margin:5%}.social-media-icons .github,.social-media-icons .linkedin,.social-media-icons .twitter{color:#000;margin:10px;transition-duration:.2s}.social-media-icons .github:hover,.social-media-icons .linkedin:hover,.social-media-icons .twitter:hover{transform:scale(1.2);transition-duration:.2s}.pricing-card{border:1px solid #fff;display:flex;flex-direction:column;justify-content:space-between;margin:10px;padding:20px;transition:transform .2s}.pricing-card:hover,.pricing-card:hover .annual-price,.pricing-card:hover h2{background-color:#fff;color:#000;transform:scale(1.02)}.pricing-card-title{color:#fff}.price{font-size:24px;font-weight:700;margin-bottom:0}.total{bottom:10px;left:36%;position:absolute}.annual-price{color:#acacac;font-size:14px;margin-top:0}.features{flex-grow:1;list-style-type:none;padding:0}.btn{background-color:#000;color:#fff;cursor:pointer;margin-top:auto;padding:10px 20px}.btn:hover{border:1px solid #000}.pricing-page{padding:40px;text-align:center}.pricing-cards{display:flex;flex-wrap:wrap;justify-content:center}.Cart,.dashboard-websites{border:1px solid #fff;margin:20px;position:relative;width:35%}.user-info{margin:20px auto;width:65%}.user-plan-info{border:1px solid #fff;height:75%}.user-account-info{margin:5%}.plan-info-text{display:flex;justify-content:space-between;margin:0 40px}.dashboard-websites,h2{color:#000;text-decoration:underline}.job-description h2{color:#000}.job-description,p{font-size:12px}.testimonial-carousel{height:200px;margin:0 auto;max-width:600px;padding:2rem;text-align:center;width:100%}.quote{color:#fff;font-size:1.4rem;font-style:italic;padding:2rem}.name{color:#fff;font-weight:700;margin-top:1rem}@keyframes slideDown{0%{top:-100px}to{top:0}}.notification-bar{align-items:center;animation:slideDown .5s ease-out forwards;background-color:#000;color:#fff;font-size:18px;left:0;padding:15px 20px;position:fixed;text-align:center;top:-100px;width:100%;z-index:1000}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;margin-left:15px;padding:0}.add-websites-header{color:#fff}.content{margin-top:60px}.notification-bar a{color:#fff}@media (max-width:800px){.header{padding:10px}.header ul{display:block}.header img{display:none;height:100%}.header li{font-size:12px;margin:6%}.home-container{background-color:#000;box-shadow:0 54px 55px #00000040,0 -12px 30px #0000001f,0 4px 6px #0000001f,0 12px 13px #0000002b,0 -3px 5px #00000017;display:block;margin:0 auto}.home-container h1{font-size:46px;margin:0;padding-top:50px}.home-container img{height:70%;width:70%}.front-page-text{margin:10%}.About,.Pricing{height:100%}.questions{display:block}.question-block{margin:0 4%;width:95%}.contact-form-bg{height:90vh}.contact-form{width:95%}.contact-form form{padding-top:50%}.ForgotPassword input,.ResetPassword input,.addwebsite-form input,.contact-form input,.login-form input,.registration-form input,textarea{width:80%}.Checkout{display:block;height:110vh}.Cart{height:250px;width:90%}.home3-text{display:inline}.home3-text-pricing{display:none}.home3-pricing-cards-container{margin-left:30vw}.home3-text h1{margin:0 auto;max-width:100%}.tutorial-gif{aspect-ratio:9/16;max-width:400px;object-fit:cover}}