wip

public/web/styles/api.css

@@ -0,0 +1,167 @@
+.placeholder-black::placeholder {
+    color: #272b2fa1 !important;
+    opacity: 1 !important;
+}
+
+.focus\:box-shadow-none {
+    box-shadow:inherit !important;
+}
+
+.shadow {
+    box-shadow: rgb(100 100 111 / 20%) 0px 0px 16px 0px;
+}
+
+.text-center {
+    text-align: center !important;
+}
+
+.text-left {
+    text-align: left !important;
+}
+
+.text-right {
+    text-align: right !important;
+}
+
+.bold {
+    font-weight: bold;
+}
+
+.text-smaller {
+    font-size: 14px;
+}
+
+.text-darker {
+    color: #333;
+}
+
+.text-lighter {
+    color: #666;
+}
+
+.white-space\:normal {
+    white-space: normal;
+}
+
+.justify-center {
+    justify-content: center !important;    
+}
+
+.cursor\:pointer {
+    cursor: pointer;
+}
+
+.t-0 {
+    top: 0 !important;
+}
+
+.r-0 {
+    right: 0 !important;
+}
+
+.m-0 {
+    margin: 0 !important;
+}
+
+.mb-1 {
+    margin-bottom: 5px !important;
+}
+
+.mt-1 {
+    margin-top: 5px !important;
+}
+
+.w-100 {
+    width: 100% !important;
+}
+
+.btn-primary {
+    background-color: #157DEC;
+    border: none;
+    padding: 0.7rem;
+    color: #fff !important;
+    font-size: 1rem;
+    border-radius: 5px;
+    cursor: pointer;
+    font-family: 'Open Sans', sans-serif;
+}
+
+.btn {
+    border: none;
+    padding: 0.7rem;
+    color: #fff !important;
+    font-size: 1rem;
+    border-radius: 5px;
+    cursor: pointer;
+    font-family: 'Open Sans', sans-serif;
+}
+
+.bg-gradient-primary {
+    background: rgb(2,0,36);
+    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(21,125,236,1) 83%, rgba(0,212,255,1) 100%);
+}
+
+.bg-gradient-secondary {
+    background: rgb(51,21,236);
+    background: linear-gradient(90deg, rgba(51,21,236,1) 11%, rgba(0,212,255,1) 45%, rgba(2,0,36,1) 90%);
+}
+
+.bg-gradient-aurora {
+    background: rgb(86,34,195);
+    background: linear-gradient(0deg, rgba(86,34,195,1) 0%, rgba(45,226,253,1) 100%);
+}
+
+.rounded {
+    border-radius: 5px;
+}
+
+.no-overflow-x {
+    overflow-x: hidden;
+}
+
+.mw-100 {
+    max-width: 100%;
+}
+
+.mh-100px {
+    max-height: 100px;
+}
+
+.mh-150px {
+    max-height: 150px;
+}
+
+.relative {
+    position: relative;
+}
+
+.absolute {
+    position: absolute;
+}
+
+.r-0 {
+    right: 0;
+}
+
+.b-0 {
+    bottom: 0;
+}
+
+@media (max-width: 576px) {
+    .sm\:no-overflow-x {
+        overflow-x: hidden;
+    }
+
+    .sm\:p-0 {
+        padding: 0 !important;
+    }
+
+    .sm\:mb-3 {
+        margin-bottom: 1rem !important;
+    }
+
+    .sm\:add-mobile-margin {
+        margin-top: 18rem;
+    }
+}
+