feat: setup layout and theme

assets/css/main.scss

@@ -1,7 +1,11 @@
 @import "media";
 
+body {
+  @apply text-black/[0.87];
+}
+
 .page {
-  @apply bg-background bg-rotki-pattern bg-local bg-right-top bg-no-repeat;
+  @apply bg-right-top bg-no-repeat;
 
   scroll-behavior: smooth;
   overflow-x: hidden;
@@ -25,7 +29,7 @@
 }
 
 .body {
-  @apply bg-rotki-logo bg-local bg-left-top bg-no-repeat overflow-x-hidden overflow-y-hidden;
+  @apply overflow-x-hidden overflow-y-hidden;
 
   @include for-size(phone-only) {
     background-size: 4rem;

assets/css/tailwind.css

@@ -1,109 +1,5 @@
+@import '@rotki/ui-library/dist/style.css';
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-
-@layer components {
-  .rotki-margin {
-    margin-left: 151px;
-    margin-right: 151px;
-  }
-}
-
-/* source-sans-pro-300 - latin */
-@font-face {
-  font-family: 'Source Sans Pro';
-  font-style: normal;
-  font-weight: 300;
-  src: url('../fonts/source-sans-pro-v14-latin-300.eot'); /* IE9 Compat Modes */
-  src: local(''),
-  url('../fonts/source-sans-pro-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('../fonts/source-sans-pro-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
-  url('../fonts/source-sans-pro-v14-latin-300.woff') format('woff'), /* Modern Browsers */
-  url('../fonts/source-sans-pro-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('../fonts/source-sans-pro-v14-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
-}
-
-
-/* source-sans-pro-regular - latin */
-@font-face {
-  font-family: 'Source Sans Pro';
-  font-style: normal;
-  font-weight: 400;
-  src: url('../fonts/source-sans-pro-v14-latin-regular.eot'); /* IE9 Compat Modes */
-  src: local(''),
-  url('../fonts/source-sans-pro-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('../fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
-  url('../fonts/source-sans-pro-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
-  url('../fonts/source-sans-pro-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('../fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
-}
-
-/* source-sans-pro-medium - latin */
-@font-face {
-  font-family: 'Source Sans Pro';
-  font-style: normal;
-  font-weight: 600;
-  src: url('../fonts/source-sans-pro-v14-latin-600.eot'); /* IE9 Compat Modes */
-  src: local(''),
-  url('../fonts/source-sans-pro-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('../fonts/source-sans-pro-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
-  url('../fonts/source-sans-pro-v14-latin-600.woff') format('woff'), /* Modern Browsers */
-  url('../fonts/source-sans-pro-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('../fonts/source-sans-pro-v14-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
-}
-
-/* maven-pro-regular - latin */
-@font-face {
-  font-family: 'Maven Pro';
-  font-style: normal;
-  font-weight: 400;
-  src: url('../fonts/maven-pro-v25-latin-regular.eot'); /* IE9 Compat Modes */
-  src: local(''),
-  url('../fonts/maven-pro-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('../fonts/maven-pro-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
-  url('../fonts/maven-pro-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
-  url('../fonts/maven-pro-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('../fonts/maven-pro-v25-latin-regular.svg#MavenPro') format('svg'); /* Legacy iOS */
-}
-
-/* maven-pro-500 - latin */
-@font-face {
-  font-family: 'Maven Pro';
-  font-style: normal;
-  font-weight: 500;
-  src: url('../fonts/maven-pro-v28-latin-500.eot'); /* IE9 Compat Modes */
-  src: local(''),
-  url('../fonts/maven-pro-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('../fonts/maven-pro-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
-  url('../fonts/maven-pro-v28-latin-500.woff') format('woff'), /* Modern Browsers */
-  url('../fonts/maven-pro-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('../fonts/maven-pro-v28-latin-500.svg#MavenPro') format('svg'); /* Legacy iOS */
-}
-
-/* maven-pro-700 - latin */
-@font-face {
-  font-family: 'Maven Pro';
-  font-style: normal;
-  font-weight: 700;
-  src: url('../fonts/maven-pro-v25-latin-700.eot'); /* IE9 Compat Modes */
-  src: local(''),
-  url('../fonts/maven-pro-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('../fonts/maven-pro-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
-  url('../fonts/maven-pro-v25-latin-700.woff') format('woff'), /* Modern Browsers */
-  url('../fonts/maven-pro-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('../fonts/maven-pro-v25-latin-700.svg#MavenPro') format('svg'); /* Legacy iOS */
-}
-
-/* source-serif-pro-regular - latin */
-@font-face {
-  font-family: 'Source Serif Pro';
-  font-style: normal;
-  font-weight: 400;
-  src: url('../fonts/source-serif-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
-  src: local(''),
-  url('../fonts/source-serif-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('../fonts/source-serif-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
-  url('../fonts/source-serif-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
-  url('../fonts/source-serif-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('../fonts/source-serif-pro-v11-latin-regular.svg#SourceSerifPro') format('svg'); /* Legacy iOS */
-}