body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header{align-items:center;height:20px;padding:1.5rem 1rem;background:#717be3;color:#fff}header,header .header-container{display:flex;flex-direction:column}header .header-container{justify-content:center;align-items:flex-start;height:100%;width:100%;max-width:1000px}.containerWrapper{justify-content:center;width:100vw}.container,.containerWrapper{display:flex;align-content:center;background:#ffc76e}.container{flex-direction:column;align-items:center;min-height:calc(100vh - 116px);padding:1.5rem;width:1000px}footer{align-content:center;height:60px;width:100vw;padding:1.5rem;background:#b8b8b8}footer,footer .footer-container{display:flex;flex-direction:column;justify-content:center;align-items:center}footer .footer-container{height:100%;width:100%;max-width:1000px}h1{font-size:2.75rem;line-height:2.75rem}h1,h2{font-weight:600}h2{font-size:2.25rem;line-height:2.25rem}h3{font-size:2.1rem;line-height:2.1rem}h3,h4{font-weight:400}h4{font-size:1.5rem;line-height:1.5rem}p{line-height:1.5;font-size:1.1rem}a{color:inherit}a,a:hover{text-decoration:none}section.headerWrapper{display:flex;width:100%}section.logo{flex:auto}section.logo .title{font-size:2.25rem;font-weight:600;line-height:2.6rem;padding-bottom:.6rem}section.nav{min-width:30px;align-self:center;text-align:right;font-weight:600}section.nav span{padding:6px}section.nav a:hover{text-decoration:underline}@media only screen and (max-width:500px){section.nav .navText{display:none}}section.homeWrapper{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;min-height:calc(100vh - 116px);height:100%;width:1000px;max-width:calc(100vw - 50px)}section.heroBox{width:50%;padding-bottom:3rem}section.heroBox .icon{padding:10px;font-size:26px;color:#e37171}section.heroBox h1{margin-top:8px;margin-bottom:0}section.heroBox h4{margin-top:8px}@media only screen and (max-width:810px){section.heroBox{margin-left:auto;margin-right:auto;align-content:center;justify-content:center;width:100%;padding-bottom:1px}section.heroBox div,section.heroBox h1,section.heroBox h4{margin-left:auto;margin-right:auto;width:-moz-fit-content;width:fit-content}section.heroBox h1,section.heroBox h4{text-align:center}}section.searchComponent{width:50%;padding-bottom:3rem}@media only screen and (max-width:800px){section.searchComponent{width:90%}}section.searchWrapper{align-items:center;width:100%}section.search{height:100%}section.search,section.search .form{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%}section.search .form{margin-bottom:20px}section.search .form>.item{display:flex;justify-content:center;width:100%;margin:9px 0}section.search .form>.item input{width:360px;max-width:80%;height:60px;border-radius:50px;border:0;padding:0 30px;font-size:1.7rem;letter-spacing:3px;text-align:center;text-decoration:none}section.search .form>.item input:focus,section.search .form>.item select:focus,section.search .form>.item textarea:focus{outline:none}section.search .form>.item button{width:200px;height:40px;border-radius:50px;border:0;font-size:15px;letter-spacing:3px;padding-right:3px;color:#fff;cursor:pointer}section.search .form>.item button.search{background:#717be3}section.search .form>.item button.generate{background:#e37171}.searchBox .searchWrapper{height:100%}.searchBar section.search .form{flex-wrap:nowrap}.searchBar section.search .form .input{width:60%}.searchBar section.search .form .button{width:20%}.searchBar section.search .form input{width:90%;padding:0 20px 0 30px}.searchBar section.search .form button{max-width:90%}@media only screen and (max-width:830px){.searchBar section.search .form input{height:50px;font-size:1.4rem;letter-spacing:2px}.searchBar section.search .form button{letter-spacing:1.5px}}@media only screen and (max-width:500px){.searchBar section.search .form input{height:40px;font-size:1rem;letter-spacing:1.2px}.searchBar section.search .form button{font-size:13px;letter-spacing:.5px}}@media only screen and (max-width:830px){.searchBar>.search>.form>button{font-size:10px;letter-spacing:0;padding-right:3px}}section.resultWrapper{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;width:1000px;max-width:calc(100vw - 50px);margin-top:1rem}section.resultWrapper>section.heroBox{width:40%;padding-bottom:3rem}section.resultWrapper>section.heroBox .icon{padding:10px;font-size:26px}section.resultWrapper>section.heroBox h1{margin-top:8px;margin-bottom:0}section.resultWrapper>section.heroBox h4{margin-top:8px}@media only screen and (max-width:830px){section.resultWrapper>section.heroBox{margin-left:auto;margin-right:auto;align-content:center;justify-content:center;width:100%;padding-bottom:0}section.resultWrapper>section.heroBox div{margin-left:auto;margin-right:auto;width:-moz-fit-content;width:fit-content;max-width:100%}section.resultWrapper>section.heroBox h1,section.resultWrapper>section.heroBox h4{margin-left:auto;margin-right:auto;width:-moz-fit-content;width:fit-content;text-align:center}}section.resultBox{width:60%;margin-top:2rem}@media only screen and (max-width:830px){section.resultBox{width:100%}}section.result{display:grid;grid-template-columns:100%;grid-gap:10px;gap:10px}section.result>.item{display:grid;grid-template-columns:65px auto 85px 40px;padding:5px;background:#fff;border-radius:4px}@media only screen and (max-width:500px){section.result>.item{grid-template-columns:10px auto 1px 40px}}section.result>.item>.icon{display:flex;align-items:center;padding-left:10px}section.result>.item>.icon .img{width:20px}@media only screen and (max-width:500px){section.result>.item>.icon{visibility:hidden}}section.result>.item>.domain{display:flex;align-items:center;font-weight:500;letter-spacing:2.5px}@media only screen and (max-width:500px){section.result>.item>.domain{letter-spacing:.3px}}section.result>.item>.status{display:flex;align-items:center;letter-spacing:1px;padding-right:10px;max-width:100%}@media only screen and (max-width:500px){section.result>.item>.status{visibility:hidden}}section.result>.item>.statusImg{display:flex;align-items:center}.digitalOcean{width:100%;display:flex;justify-content:center;align-items:flex-end;padding-top:2.8rem;font-size:20px}