wow it actually works lol

1 files changed, 215 insertions, 0 deletions

diff --git a/public/css/main.css b/public/css/main.css
new file mode 100644
index 0000000..46ea8ed
--- /dev/null
+++ b/public/css/main.css
@@ -0,0 +1,215 @@
+html {
+    scroll-behavior: smooth;
+}
+
+.hideme {
+    opacity: 0;
+}
+
+img:hover {
+    opacity: 0.5;
+    transition: 0.25s;
+}
+
+img {
+    transition: 0.25s;
+}
+
+html {
+    overflow: scroll;
+    overflow-x: hidden;
+}
+
+::-webkit-scrollbar {
+    width: 0px;
+    background: transparent;
+}
+
+.navbar .divider-vertical {
+    height: 40px;
+    margin: 0 9px;
+    border-left: 1px solid rgba(255, 255, 255, 0.2);
+    border-right: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+body {
+    background-color: #23272A;
+    color: #fff;
+    margin: 0;
+    padding: 0;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeLegibility;
+    /*border-top: 6px #7289DA solid !important;*/
+    font-size: 16px;
+}
+
+.nav-link {
+    font-size: 14px !important;
+}
+
+.navbar {
+    box-shadow: none !important;
+    text-transform: unset !important;
+}
+
+.navbar-nav {
+    text-transform: unset !important;
+}
+
+.nav-link:not(.btn) {
+    text-transform: unset !important;
+}
+
+.navbar-brand {
+    font-size: 25px !important
+}
+
+.navbar-toggler-icon {
+    color: #fff !important
+}
+
+.btn {
+    border-radius: 5px !important;
+    font-size: 16px !important;
+    font-weight: 600 !important;
+    text-transform: uppercase !important;
+}
+
+/*.btn-primary {
+    background-color: #EA80FC !important;
+    border-color: #EA80FC !important;
+}
+
+.btn-primary:hover {
+    background-color: #B64FC8 !important;
+    border-color: #B64FC8 !important;
+}/*
+
+.btn-secondary {
+    background-color: #2C2F33 !important
+}
+
+.heading {
+    padding: 263px 50px !important;
+    /* 160 */
+color: #fff !important;
+/*background-image: url("https://auxetite-cdn.sirv.com/wavy-blurple-by-nouridio.svg") !important;*/
+background-position: bottom !important;
+background-size: 200% !important;
+background-repeat: no-repeat !important;
+}
+
+.title {
+    line-height: 90px !important;
+    margin-bottom: -2px !important;
+    font-size: 36px !important;
+    padding-top: 0px !important;
+}
+
+.subtitle {
+    color: rgba(255, 255, 255, 0.61) !important;
+    font-size: 16px !important;
+}
+
+.features {
+    text-align: center !important;
+    background: #7289DA !important;
+    padding: 49px 50px !important
+        /* 60 / 108 */
+}
+
+.features .title {
+    font-size: 40px !important;
+    color: #ffffff !important;
+    line-height: 70px !important;
+}
+
+.features .subtitle {
+    font-size: 20px !important;
+    color: #a2a8bd;
+}
+
+.cards {
+    margin-top: 30px !important;
+}
+
+.card {
+    border-radius: 5px !important;
+    box-shadow: none !important;
+}
+
+.card-title {
+    font-size: 28px !important;
+    font-weight: 600 !important;
+    color: #7289DA !important;
+}
+
+.statistics {
+    background-color: #23272A !important;
+    text-align: center !important;
+    padding: 20px 20px !important;
+}
+
+.statistics .title {
+    font-size: 40px !important;
+    color: #ffffff !important;
+    line-height: 70px !important;
+}
+
+.statistics .subtitle {
+    font-size: 20px !important;
+    color: #a2a8bd;
+}
+
+.card.statistic {
+    background: transparent !important;
+    box-shadow: none !important;
+    color: #f7f7f7 !important;
+}
+
+.start {
+    text-align: center !important;
+    background: #7289DA !important;
+    padding: 60px 50px !important
+}
+
+.start .card {
+    background: rgba(255, 255, 255, 0.83) !important;
+    color: #353e4c !important;
+}
+
+.start .card .subtitle {
+    color: rgba(53, 62, 76, 0.6) !important;
+    font-size: 16px !important;
+}
+
+.footer {
+    text-align: center !important;
+    background: #353e4c !important;
+    padding: 5px 6px !important;
+    color: #ecf2ff;
+    font-size: 14px !important
+}
+
+.footer a {
+    color: #6086f6 !important;
+    text-decoration: none !important;
+    font-weight: bold !important;
+}
+
+/* */
+a {
+    /*color: #FFB2FF !important;*/
+    transition: 0.5s;
+}
+
+a:hover {
+    /*color: #EA80FC !important;*/
+    transition: 0.5s;
+}
+
+#example-video {
+    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30),
+        0 15px 12px rgba(0, 0, 0, 0.22);
+}
\ No newline at end of file