89 lines
1.3 KiB
CSS
89 lines
1.3 KiB
CSS
|
|
|
|
html,
|
|
body {
|
|
padding: 0;
|
|
margin: 0;
|
|
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
|
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
|
|
/* my personal css */
|
|
html {
|
|
background: url('/wallpapers/dark-mountains.jpg') no-repeat center center fixed;
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
-o-background-size: cover;
|
|
background-size: cover;
|
|
}
|
|
|
|
main {
|
|
padding: 4em;
|
|
}
|
|
|
|
.font-satisfy {
|
|
font-family: 'Satisfy', cursive;
|
|
}
|
|
|
|
.text-teal {
|
|
color: teal;
|
|
}
|
|
|
|
#main-title {
|
|
font-family: 'Satisfy', cursive;
|
|
font-size: 2em;
|
|
color: teal;
|
|
}
|
|
#side-note {
|
|
font-family: 'Baloo Bhaijaan 2', cursive;
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
p {
|
|
font-family: 'Baloo Bhaijaan 2', cursive;
|
|
font-size: 2em;
|
|
}
|
|
|
|
#marquee-text {
|
|
font-style: italic;
|
|
font-size: 1.5em;
|
|
font-family: 'Baloo Bhaijaan 2', cursive;
|
|
}
|
|
|
|
|
|
/* Mobile :320px. */
|
|
@media (max-width: 767px) {
|
|
main {
|
|
padding: 0em;
|
|
}
|
|
#main-title {
|
|
font-size: 2em;
|
|
color: teal;
|
|
}
|
|
#side-note {
|
|
font-size: 1em;
|
|
}
|
|
|
|
p {
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
#marquee-text {
|
|
font-size: 1em;
|
|
}
|
|
|
|
}
|
|
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities; |