My Website
keii.dev
1#main
2{
3 margin-left: 20%;
4 margin-right: 20%;
5 margin-top: 50px;
6 margin-bottom: 50px;
7 font-family: Arial, Helvetica, sans-serif;
8}
9
10#headers
11{
12 background-color: rgb(187, 234, 250);
13 border-radius: 10px;
14}
15
16#headertext
17{
18 margin-left: 20%;
19 margin-right: 20%;
20 margin-top: 50px;
21 font-family: Arial, Helvetica, sans-serif;
22}
23
24.header
25{
26 color: rgb(68, 68, 68);
27 font-family:Arial;
28 font-size:65px;
29 margin-right: 5%;
30 font-weight: bold;
31 text-decoration: none;
32 -webkit-user-select: none; /* Safari */
33 -moz-user-select: none; /* Firefox */
34 -ms-user-select: none; /* IE10+/Edge */
35 user-select: none; /* Standard */
36}
37
38.headerselected
39{
40 color: rgb(68, 68, 68);
41 font-family:Arial;
42 font-size:65px;
43 margin-right: 5%;
44 font-weight: bold;
45 text-decoration: underline;
46 background-color: rgb(143, 208, 255);
47 border-radius: 10px;
48 -webkit-user-select: none; /* Safari */
49 -moz-user-select: none; /* Firefox */
50 -ms-user-select: none; /* IE10+/Edge */
51 user-select: none; /* Standard */
52}
53
54.subheader
55{
56 color: rgb(68, 68, 68);
57 font-family:Arial;
58 font-size:50px;
59 font-weight: bold;
60 margin-top: 60px;
61 margin-bottom: 30px;
62 text-decoration: none;
63 -webkit-user-select: none; /* Safari */
64 -moz-user-select: none; /* Firefox */
65 -ms-user-select: none; /* IE10+/Edge */
66 user-select: none; /* Standard */
67}
68
69#date
70{
71 margin-top: -20px
72}
73
74.content
75{
76 color: rgb(68, 68, 68);
77 font-family:Arial;
78 font-size:25px;
79 font-weight: normal;
80 margin-top: 50px;
81 text-decoration: none;
82}
83
84.imagewithtext
85{
86 float: left;
87 padding-right: 40px;
88 -webkit-user-select: none; /* Safari */
89 -moz-user-select: none; /* Firefox */
90 -ms-user-select: none; /* IE10+/Edge */
91 user-select: none; /* Standard */
92}
93
94a:link
95{
96 color: rgb(68, 68, 68);
97 text-decoration: none;
98}
99a:visited
100{
101 color: rgb(68, 68, 68);
102 text-decoration: none;
103}
104
105@media only screen and (max-width: 800px) {
106 body {
107 margin-left: 40px;
108 margin-right: 40px;
109 }
110
111 .subheader {
112 text-align: center;
113 }
114
115 .imagewithtext {
116 float: none;
117 margin-left: 50px;
118 max-width: 100%;
119 text-align: center;
120 display: block;
121 margin-right: 100px;
122 }
123
124 .content {
125 margin-left: -40px;
126 margin-right: -40px;
127 }
128
129 #headers {
130 text-align: left;
131 }
132
133 #main {
134 margin-right: 20px;
135 margin-left: 20px;
136 }
137
138 #date
139 {
140 text-align: center;
141 }
142}