diff --git a/src/style.css b/src/style.css index 3665eb6..238c286 100644 --- a/src/style.css +++ b/src/style.css @@ -129,57 +129,11 @@ svg { from { top: 0; } to { top: calc(100vh - 69px); } } -.scrollWindow { - margin-top: 10px; - margin-bottom: 10px; - width: calc(50vw); - height: calc((9 / 16 ) * 50vw); - display: flex; - justify-content: center; - align-items: center; - align-content: center; - opacity: 0.95; - flex-direction: column; -} - .metaSidebar { display: flex; flex-direction: row; } -.rowContainer { - height: 100%; - display: block; -} - -.serviceButton { - width: 100%; - margin: 0.4em; - margin-left: 2em; - margin-right: 2em; - text-decoration: none; - color: rgba(0, 0, 0, 0.875); - text-align: center; - justify-content: center; - align-items: center; -} - -.camBox { - display: flex; - text-align: center; - justify-content: center; - align-items: center; - justify-content: space-evenly; -} - -.cam { - display: flex; - width: 1920px; - height: 1080px; - align-self: center; - margin: auto; -} - .fullGrafana { width: 900px; } @@ -285,17 +239,6 @@ svg { margin-right: 10px; } -.flexItem { - padding: 5px; - width: 20px; - height: 20px; - margin: 10px; - line-height: 20px; - font-weight: bold; - font-size: 2em; - text-align: center; -} - .waveButton { min-width: 200px; cursor: pointer; @@ -435,110 +378,17 @@ svg { backdrop-filter: blur(6px); } -.mainContainer { - display: flex; - justify-content: center; - width: 100%; - margin-top: 64px; -} - -.dataContainer { - display: flex; - flex-direction: column; - justify-content: center; - max-width: 600px; -} - .header { text-align: center; font-size: 32px; font-weight: 600; } -.bio { - text-align: center; - color: black; - margin-top: 16px; -} - -.waveDiv { - text-align: center; - margin-top: 16px; - padding: 8px; - border: 0; - border-radius: 5px; -} - -.blockyBlockRoundedCornersWazzup{ - background-color: rgba(163, 161, 255, 0.9); - margin-top: 6px; - padding: 8px; - border-radius: 10px; -} - -.stilo { - -webkit-user-select: none; - background-color: hsl(0, 0%, 90%); - transition: background-color 300ms; - object-fit: cover; - width: 100%; -} - -.grid-item { - padding: 20px; - font-size: 30px; - text-align: center; -} - -.grid-container { - display: grid; - grid-template-columns: auto auto auto; - padding: 10px; - width: 100%; -} - -.showOnlyOnMobile { - visibility: hidden; - display:none; -} - -.showNeverOnMobile { - visibility: visible; - display:block; -} - -.separator { - border:none; - border-top:25px dotted rgba(56, 19, 124, 0.6); - width: 30vw; - height: 10px; - margin: 0; -} - -.markdown { - padding: 50px; - width: 50vw; - z-index: 5; -} - -.markdown img { - align-self: center; - margin: auto; - width: 100%; -} - .container { position: relative; text-align: center; } -.centered { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} - .alwaysOnBottom { z-index: 0; position: fixed; @@ -558,13 +408,7 @@ svg { user-select: none; } - - @media (max-aspect-ratio: 1/1) { - .scrollWindow { - width: calc(100vw - 20px); - height: calc((9 / 16 ) * (100vw - 20px)); - } .fullGrafana { width: calc(100vw - 2em); } @@ -608,9 +452,4 @@ svg { .main-container { height: calc(100vh - 60px); } - .markdown { - width: 80vw; - margin: 20px; - padding: 20px; - } } \ No newline at end of file