add style

This commit is contained in:
Aditya 2022-05-07 11:50:01 +05:30
parent eb202d13e0
commit f890a7ce8e

70
style.css Normal file
View file

@ -0,0 +1,70 @@
@font-face {
font-family: 'Averia Serif Libre';
src: url('fonts/averia-serif-libre.ttf');
}
@font-face {
font-family: 'Varela Round';
src: url('fonts/varela-round.ttf');
}
body {
height: 100vh;
background-color: #000000;
color: #777777;
display: grid;
grid-template-rows: auto 1fr auto;
}
header, main {
padding-top: 15%;
text-align: center;
}
header {
font-size: 150%;
}
h1 {
color: #888888;
font-family: 'Averia Serif Libre', cursive;
}
p {
font-size: 125%;
font-family: 'Varela Round', sans-serif;
}
code {
background-color: #222222;
color: #999999;
}
footer {
margin-top: auto;
margin-left: 5%;
margin-right: 5%;
min-height: 50px;
text-align: center;
font-size: 80%;
}
a {
color: #808080;
}
a:hover {
color: #b00c2f;
}
a.footer-link {
color: #808080;
text-decoration: none;
}
a:hover.footer-link {
color: #b00c2f;
}
Averia Serif Libre: https://fonts.gstatic.com/s/averiaseriflibre/v16/neIVzD2ms4wxr6GvjeD0X88SHPyX2xYGCSmqwQ.ttf
Varela Round: https://fonts.gstatic.com/s/varelaround/v19/w8gdH283Tvk__Lua32TysjIvoA.ttf