137 lines
2.0 KiB
CSS
137 lines
2.0 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 */
|
|
body {
|
|
@apply bg-slate-100 !important;
|
|
}
|
|
|
|
main {
|
|
font-family: "Poppins", sans-serif;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#bg {
|
|
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;
|
|
}
|
|
|
|
.font-satisfy {
|
|
font-family: "Satisfy", cursive;
|
|
}
|
|
.font-poppins {
|
|
font-family: "Poppins", sans-serif;
|
|
}
|
|
|
|
.text-teal {
|
|
color: teal;
|
|
}
|
|
|
|
#main-title {
|
|
font-family: "Satisfy", cursive;
|
|
font-size: 2em;
|
|
color: teal;
|
|
}
|
|
#side-note {
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
p {
|
|
font-size: 2em;
|
|
}
|
|
|
|
#marquee-text {
|
|
font-style: italic;
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
/* 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;
|
|
|
|
.ant-tabs-nav {
|
|
@apply m-0 !important;
|
|
}
|
|
.ant-tabs-tab {
|
|
@apply text-gray-300 pb-3 pt-1 !important;
|
|
}
|
|
.ant-tabs-tab-btn {
|
|
@apply text-gray-300 !important;
|
|
}
|
|
.ant-tabs-tab-active {
|
|
@apply text-gray-300 !important;
|
|
}
|
|
.ant-tabs-ink-bar {
|
|
@apply text-white bg-white !important;
|
|
}
|
|
|
|
.ant-radio-button-wrapper {
|
|
@apply bg-transparent text-gray-200 !important;
|
|
}
|
|
.ant-radio-button-checked {
|
|
@apply bg-white text-black !important;
|
|
}
|
|
.ant-radio-button-wrapper-checked {
|
|
@apply bg-white text-black rounded !important;
|
|
}
|
|
|
|
/* scrollbar customization */
|
|
::-webkit-scrollbar {
|
|
width: 5px;
|
|
}
|
|
|
|
/* Track */
|
|
::-webkit-scrollbar-track {
|
|
background: #f1f1f1;
|
|
}
|
|
|
|
/* Handle */
|
|
::-webkit-scrollbar-thumb {
|
|
background: #888;
|
|
}
|
|
|
|
/* Handle on hover */
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #555;
|
|
}
|