body{
        color: #ffffff;
        background-color:#250036;
        font-family:'IBM Plex Sans',sans-serif;
        max-width:100%;
        overflow-x:hidden
}
.wrap{
        overflow:hidden
}
.container{
        padding:42px 1%
}
.button{
        padding:8px 16px;
        background-color:#00dc00;
        color:#000000;
        text-decoration:none;
        border-radius:3px;
        width:64px;
        transition:background .15s ease;
        text-transform:uppercase;
        font-weight:600;
        margin-top:12px;
        opacity:90%;
        font-size:14px
}
.button:hover{
        text-decoration:none;
        color:#ffffff;
        background-color:#7687e3;
        opacity:100%
}
.actions{
        display:inline-block
}
.hdr{
        display:flex;
        justify-content:center;
        margin-top:64px;
        overflow:hidden
}
.intest{
        text-align:center
}
h1{
        font-weight:700;
        font-size:32px;
        color:#eaffe3
}
.cxx{
        max-width:670px;
        margin:0 auto
}
h2{
        font-family:'Heebo',sans-serif;
        color:#90f7a3;
        font-size:20px;
        padding:16px 8px;
        margin-bottom:32px
}
h4{
        color:#eaffe3
}
.btnsp{
        display:inline-block;
        padding:8px 2px
}
.center{
        display:flex;
        justify-content:center
}
.cards{
        max-width:75%;
        min-width:70%;
        margin-top:90px
}
.card{
        display:block;
        background:#1d002a;
        border-radius:30px;
        width:100%;
        padding:1rem 0rem;
        box-shadow:5px 10px 18px #0e0f12
}
.card-content{
        padding:32px 48px
}
.card-title{
        font-weight:700;
        font-size:32px;
}
.card-description{
        font-family:'Heebo',sans-serif;
        color:#b8c1db
}
.spec{
        display:inline-block
}
.lstt{
        display:inline-block
}
#rgstb{
        background-color:#ffffff;
        color:#4a61dd;
        opacity:70%
}
#rgstb:hover{
        background-color:#ffffff;
        color:#4a61dd;
        opacity:100%
}
footer{
        color:#ffffff;
        background-color:#250036;
        text-align:center;
        left: 0;
        bottom: 0;
        width: 100%;
        font-family:'Heebo',sans-serif
}
.logo-icon{
        width: 35px;
        margin-right: 5px;
}
.card-1__paragraph {
        color:#edffc3;
        font-size: 1.3rem;
        line-height: 1.5;
        opacity: .8;
}
.block__title {
        text-align:center
}
.block__paragraph {
        color:#edffc3;
        font-size: 1.3rem;
        line-height: 1.5;
        opacity: .8;
}
.content-block__title{
        color:#eaffe3;
        text-align:center;
        font-family:'Heebo',sans-serif;
}
.content-block__paragraph{
        color:#edffc3;
        text-align:center;
        font-family:'Heebo',sans-serif;
}
.hero__title {
        font-size: 3rem;
        font-weight: 900;
        font-family: 'Saira',sans-serif;
}
.hero-nav__logo {
        height: 105px;
}
.mb-2-1rem {
        margin-bottom: 2.1rem;
}
.background {
        background-image: url("../img/Netcrashers_header.jpg");
        background-repeat: no-repeat;
        background-size:cover;
        background-size: 100% 70%
}