123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109 |
- @import "variables";
- @import "~bootstrap/scss/bootstrap";
- @import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@515&family=Fira+Code:wght@515&display=swap");
- :root {
- --openpod-red: #f24400;
- --openpod-grey: #ccc;
- --openpod-red-dark: #732100;
- --border: 2px;
- }
- body,
- html {
- font-family: "Fira Code", monospace;
- }
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- font-family: "Comfortaa", cursive;
- font-variation-settings: "wght" 700;
- }
- .homeBodyHtml {
- height: unset;
- overflow: auto;
- }
- .wrapper {
- height: 100%;
- background: var(--openpod-grey);
- // border: var(--border) solid var(--openpod-red);
- }
- .border-right-red {
- border-right: none;
- }
- #desc {
- height: 100%;
- }
- #desc p {
- // color: transparent;
- // background: linear-gradient(90deg, var(--openpod-red), black);
- // -webkit-background-clip: text;
- // background-clip: text;
- text-align: left;
- }
- .row-central {
- height: 100%;
- flex: unset;
- min-height: 0;
- }
- .row-border-red {
- border-bottom: var(--border) solid var(--openpod-red);
- }
- .emoji {
- font-size: 2rem;
- }
- @media (min-width: 576px) {
- }
- @media (min-width: 768px) {
- .homeBodyHtml {
- height: 100vh;
- min-height: 100vh;
- padding: 0;
- overflow: hidden;
- }
- .emoji {
- font-family: "Comfortaa", cursive;
- font-size: 3rem;
- }
- .border-right-red {
- border-right: var(--border) solid var(--openpod-red);
- }
- #desc {
- column-count: 2;
- column-fill: auto;
- column-gap: 30px;
- }
- #desc p {
- text-align: justify;
- hyphens: auto;
- }
- }
- @media (min-width: 992px) {
- }
- @media (min-width: 1200px) {
- }
- @media (min-width: 1400px) {
- #desc {
- column-count: 3;
- }
- }
|