99 lines
1.2 KiB
CSS
99 lines
1.2 KiB
CSS
/* TAGS */
|
|
|
|
html {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-attachment: fixed;
|
|
|
|
height: 100%;
|
|
}
|
|
|
|
body, html {
|
|
background-color: transparent;
|
|
|
|
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
color: lightgray;
|
|
font-family: "PT Sans";
|
|
}
|
|
|
|
/* CLASSES */
|
|
|
|
.container-grid {
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
--bs-gutter-x: 1.5rem;
|
|
--bs-gutter-y: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.logo {
|
|
font-family: "Belanosima";
|
|
text-decoration: none;
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.top-3 {
|
|
top: 1rem !important;
|
|
}
|
|
|
|
.mb-2rem {
|
|
margin-bottom: 2rem !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mt-9 {
|
|
margin-top: 9rem !important;
|
|
}
|
|
|
|
.panel-header {
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
}
|
|
|
|
.panel-regular {
|
|
background-color: rgba(0, 0, 0, 0.6);
|
|
}
|
|
|
|
.panel-yellow {
|
|
background-color: rgba(255, 184, 58, 0.6);
|
|
}
|
|
|
|
.panel {
|
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
|
|
backdrop-filter: blur(25px);
|
|
}
|
|
|
|
|
|
|
|
.dropdown-menu-left {
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
|
|
.btn-stretch-x {
|
|
width: 100%;
|
|
}
|
|
|
|
.w-100 {
|
|
width: 100%;
|
|
}
|
|
|
|
.picture-aspect-ratio {
|
|
aspect-ratio: 3/5;
|
|
} |