@import url("reset.css");
@import url("fonts.css");
@import url("header.css");
@import url("hero.css");
@import url("stats.css");
@import url("services.css");
@import url("about.css");
@import url("hosting.css");
@import url("portfolio.css");
@import url("cta.css");
@import url("footer.css");
@import url("responsive.css");


/* =====================================
   Theme Variables
===================================== */

:root{

--primary:#1f7cff;

--primary-light:#56b6ff;

--dark:#071321;

--dark-2:#081523;

--dark-3:#0d1d30;

--white:#ffffff;

--text:rgba(255,255,255,.78);

--radius:24px;

--transition:.35s ease;

}

/* =====================================
   Selection
===================================== */

::selection{

background:var(--primary);

color:#fff;

}

/* =====================================
   Scrollbar
===================================== */

::-webkit-scrollbar{

width:10px;

}

::-webkit-scrollbar-track{

background:#06101c;

}

::-webkit-scrollbar-thumb{

background:#1f7cff;

border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

background:#56b6ff;

}

/* =====================================
   Utilities
===================================== */

.text-center{

text-align:center;

}

.mt-0{margin-top:0;}
.mt-20{margin-top:20px;}
.mt-40{margin-top:40px;}
.mt-60{margin-top:60px;}

.mb-0{margin-bottom:0;}
.mb-20{margin-bottom:20px;}
.mb-40{margin-bottom:40px;}
.mb-60{margin-bottom:60px;}

.d-flex{

display:flex;

}

.align-center{

align-items:center;

}

.justify-between{

justify-content:space-between;

}