11body {
2- background-color : # 1e1e1e ;
2+ /* background: url("/wallpaper.jpg"); */
33 display : flex;
44 justify-content : center;
55 align-items : center;
66}
7- .title {
8- position : relative;
9- top : -10vh ;
10- font-size : 9vh ;
11- color : white;
12- font-family : "Inter" , sans-serif;
13- text-align : center;
14- text-transform : uppercase;
15- border-radius : 0px 0px 5px 5px ;
16- }
7+
178@media (orientation : portrait) {
189 .title {
1910 position : relative;
@@ -42,42 +33,15 @@ body {
4233 letter-spacing : 2px ;
4334 font-family : "Inter" , sans-serif;
4435 width : 100% ;
45- height : 100% ;
4636 display : flex;
4737 flex-direction : column;
4838 justify-content : center;
4939 align-items : center;
40+ top : 0% ;
41+ position : absolute;
42+ z-index : 99 ;
5043}
51- .search {
52- top : -15vh ;
53- padding : 18px ;
54- width : 600px ;
55- position : relative;
56- border-radius : 5px ;
57- background : # 353535 ;
58- text-align : left;
59- font-size : 20px ;
60- border : none;
61- outline : none;
62- color : white;
63- transition : 0.2s ;
64- }
65- @media (orientation : portrait) {
66- .search {
67- top : -15vw ;
68- padding : 18px ;
69- width : 600px ;
70- position : relative;
71- border-radius : 5px ;
72- background : # 353535 ;
73- text-align : left;
74- font-size : 20px ;
75- border : none;
76- outline : none;
77- color : white;
78- transition : 0.2s ;
79- }
80- }
44+
8145# particles-js {
8246 position : absolute;
8347 width : 100% ;
@@ -130,4 +94,59 @@ button {
13094 width : 19% ;
13195 padding : 10px ;
13296 text-align : center;
97+ }
98+
99+ .shortcut-container {
100+ height : 6vw ;
101+ position : absolute;
102+ top : 50% ;
103+ left : 50% ;
104+ transform : translate (-50% , -50% );
105+ display : flex;
106+ }
107+
108+ .shortcut {
109+ width : 5vw ;
110+ height : 5vw ;
111+ margin-left : 10px ;
112+ margin-right : 10px ;
113+ margin-top : 1vh ;
114+ transition : all .3s ;
115+ }
116+
117+ .shortcut : hover {
118+ cursor : pointer;
119+ margin-right : 20px ;
120+ margin-left : 20px ;
121+ transition : all .3s ;
122+ }
123+
124+ # geforce {
125+ background : url ("../images/icons/gfn.png" );
126+ background-size : cover;
127+ }
128+
129+ # roblox {
130+ background : url ("../images/icons/roblox.png" );
131+ background-size : cover;
132+ }
133+
134+ # discord {
135+ background : url ("../images/icons/discord.jpg" );
136+ background-size : cover;
137+ }
138+
139+ # eagler {
140+ background : url ("../images/icons/mc.webp" );
141+ background-size : cover;
142+ }
143+
144+ # youtube {
145+ background : url ("../images/icons/youtube.png" );
146+ background-size : cover;
147+ }
148+
149+ # tiktok {
150+ background : url ("../images/icons/tiktok.png" );
151+ background-size : cover;
133152}
0 commit comments