this repo has no description
phaz.uk
1@font-face {
2 font-family: Rubik;
3 src: url('/assets/fonts/Rubik-VariableFont_wght.ttf');
4}
5
6* {
7 box-sizing: border-box;
8 -webkit-user-select: none;
9}
10
11body{
12 background: linear-gradient(-45deg,
13 #12141a 0%, #12141a 10%,
14 #22262e 10%, #22262e 20%,
15 #272e44 20%, #272e44 22%,
16 #1f2129 22%
17 );
18 background-attachment: fixed;
19 color: #fff;
20 font-family: Rubik, 'Courier New';
21 margin: 0;
22}
23
24h1, h2, h3, h4, h5, h6, p{
25 margin: 0;
26 font-weight: 500;
27}
28
29span{
30 -webkit-user-select: auto;
31}
32
33div[app-carousel]{
34 position: fixed;
35 top: 10px;
36 left: 220px;
37 width: calc(100vw - 230px);
38 height: calc(100vh - 20px);
39 overflow: hidden;
40}
41
42div[app-page]{
43 width: calc(100vw - 230px);
44 height: calc(100vh - 20px);
45 overflow-y: auto;
46 overflow-x: hidden;
47}
48
49div[app-button]{
50 display: inline-block;
51 background: #2a3452;
52 padding: 10px 25px;
53 cursor: pointer;
54 user-select: none;
55 border-radius: 5px;
56 transition: 0.25s;
57 min-width: 100px;
58 text-align: center;
59}
60
61div[app-button]:hover{
62 background: #151a29;
63}
64
65div[app-button-minimal]{
66 display: inline-block;
67 background: #424242;
68 padding: 10px 25px;
69 cursor: pointer;
70 user-select: none;
71 border-radius: 5px;
72 transition: 0.25s;
73 min-width: 100px;
74 text-align: center;
75 opacity: 0.5;
76}
77
78div[app-button-minimal]:hover{
79 background: #525252;
80}
81
82div[app-col]{
83 display: flex;
84}
85
86div[app-col-50]{
87 display: flex;
88}
89
90div[app-col-50] > div{
91 width: 50%;
92}
93
94div[app-icon]{
95 display: flex;
96 justify-content: center;
97 align-items: center;
98 width: 30px;
99 height: 30px;
100 user-select: none;
101 -webkit-user-select: none;
102 cursor: pointer;
103 transition: 0.1s;
104}
105
106div[app-icon]:hover{
107 opacity: 0.75;
108}