mirror of
https://github.com/Wessel/portfolio.git
synced 2026-06-06 11:25:47 +02:00
2 lines
18 KiB
CSS
2 lines
18 KiB
CSS
.btn{backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;transition:all 350ms ease;-webkit-transition:all 350ms ease;-ms-transition:all 350ms ease;-moz-transition:all 350ms ease;-o-transition:all 350ms ease;background-color:rgba(0,0,0,0);border:0;border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:"Consolas",monospace;font-size:1.2rem;font-weight:500;height:2.7rem;line-height:38px;margin:.5em;padding:0 2rem;text-align:center;text-decoration:none;white-space:nowrap}.btn.pomegranate{background-color:#c0392b;filter:drop-shadow(5px 5px 0 rgba(192, 57, 43, 0.6))}.btn.pomegranate:hover{filter:drop-shadow(5px 5px 0 rgba(192, 57, 43, 0.6)) brightness(50%)}.btn.discord{background-color:#5865f2;filter:drop-shadow(5px 5px 0 rgba(114, 137, 218, 0.6))}.btn.discord:hover{filter:drop-shadow(5px 5px 0 rgba(114, 137, 218, 0.6)) brightness(50%)}.btn.github{background-color:#292d32;filter:drop-shadow(5px 5px 0 rgba(41, 45, 50, 0.6))}.btn.github:hover{filter:drop-shadow(5px 5px 0 rgba(41, 45, 50, 0.6)) brightness(50%)}.btn:hover{transition:all 350ms ease;-webkit-transition:all 350ms ease;-ms-transition:all 350ms ease;-moz-transition:all 350ms ease;-o-transition:all 350ms ease;color:#fff}.btn.animation{animation:button-enter 1s ease-in-out forwards;-webkit-animation:button-enter 1s ease-in-out forwards;-ms-animation:button-enter 1s ease-in-out forwards;-moz-animation:button-enter 1s ease-in-out forwards;-o-animation:button-enter 1s ease-in-out forwards;opacity:0;position:relative}.btn.animation:nth-child(1){animation-delay:.25s}.btn.animation:nth-child(2){animation-delay:.5s}.btn.animation:nth-child(3){animation-delay:.75s}.btn.animation:nth-child(4){animation-delay:1s}.btn.animation:nth-child(5){animation-delay:1.25s}.btn.animation:nth-child(6){animation-delay:1.5s}.btn.animation:nth-child(7){animation-delay:1.75s}.btn.animation:nth-child(8){animation-delay:2s}.btn.animation:nth-child(9){animation-delay:2.25s}.btn.animation:nth-child(10){animation-delay:2.5s}.btn.animation:nth-child(11){animation-delay:2.75s}.btn.animation:nth-child(12){animation-delay:3s}.btn.animation:nth-child(13){animation-delay:3.25s}.btn.animation:nth-child(14){animation-delay:3.5s}.btn.animation:nth-child(15){animation-delay:3.75s}.btn.hover{transition:all 350ms ease;-webkit-transition:all 350ms ease;-ms-transition:all 350ms ease;-moz-transition:all 350ms ease;-o-transition:all 350ms ease}.btn.hover:hover{transform:translateY(-0.5em);-webkit-transform:translateY(-0.5em);-ms-transform:translateY(-0.5em);-moz-transform:translateY(-0.5em);-o-transform:translateY(-0.5em)}.btn.midnight-blue{background-color:#2c3e50;filter:drop-shadow(5px 5px 0 rgba(44, 62, 80, 0.6))}.btn.midnight-blue:hover{filter:drop-shadow(5px 5px 0 rgba(44, 62, 80, 0.6)) brightness(50%)}@-webkit-keyframes button-enter{from{opacity:0;top:2em}70%{top:-0.3em}100%{opacity:1;top:0}}@-moz-keyframes button-enter{from{opacity:0;top:2em}70%{top:-0.3em}100%{opacity:1;top:0}}@-o-keyframes button-enter{from{opacity:0;top:2em}70%{top:-0.3em}100%{opacity:1;top:0}}@keyframes button-enter{from{opacity:0;top:2em}70%{top:-0.3em}100%{opacity:1;top:0}}.buttons{align-items:center;justify-content:center;text-align:center}#particles-js{position:fixed;width:100%;height:100%}#particles-js{pointer-events:none}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row.main .logo{margin-top:15px;border-radius:2.5%;filter:invert(35%) sepia(95%) saturate(435%) hue-rotate(131deg) brightness(94%) contrast(101%)}.row.main .title{margin-top:2%}@media(min-width: 1200px){.container{width:1170px}}@media(min-width: 992px){.container{width:970px}}@media(min-width: 768px){.container{width:750px}}h2{font-size:3.5rem !important}h3{font-size:3.2rem !important}.emerald{color:#2ecc71 !important}.center{text-align:center}.left{text-align:left}.right{text-align:right}.unselectable{user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}::-moz-selection{background-color:rgba(128,0,0,.3)}::selection{background-color:rgba(128,0,0,.3)}:root{--balloon-color: rgba(16, 16, 16, 0.95);--balloon-font-size: 12px;--balloon-move: 4px}.emoji{width:1em;height:1em;margin:0 .05em 0 .1em;display:inline-block;vertical-align:-0.1em;background-size:1em 1em;background-repeat:no-repeat;background-position:center center;filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%)}.repo{background-image:url(../img/GitHub/repo.svg) !important}.octoface{background-image:url(../img/GitHub/octoface.svg)}.repo-force-push{background-image:url(../img/GitHub/repo-force-push.svg);font-size:16px}@font-face{font-family:"Mfizz";src:url("../font/mfizz-custom.eot");src:url("../font/mfizz-custom.eot?#iefix") format("embedded-opentype"),url("../font/mfizz-custom.woff") format("woff"),url("../font/mfizz-custom.ttf") format("truetype"),url("../font/mfizz-custom.svg#Glyphter") format("svg");font-weight:normal;font-style:normal;font-display:swap}[class*=icon-]:before{display:inline-block;font-family:"Mfizz";font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-archlinux:before{content:"A"}.icon-bootstrap:before{content:"B"}.icon-c:before{content:"C"}.icon-cassandra:before{content:"D"}.icon-centos:before{content:"E"}.icon-css3:before{content:"F"}.icon-debian:before{content:"G"}.icon-docker:before{content:"H"}.icon-elixir:before{content:"I"}.icon-fedora:before{content:"J"}.icon-git:before{content:"K"}.icon-go:before{content:"L"}.icon-html5:before{content:"M"}.icon-mariadb:before{content:"N"}.icon-mongodb:before{content:"O"}.icon-mysql:before{content:"P"}.icon-nginx:before{content:"Q"}.icon-nodejs:before{content:"R"}.icon-postgres:before{content:"S"}.icon-python:before{content:"T"}.icon-raspberrypi:before{content:"U"}.icon-reactjs:before{content:"V"}.icon-redhat:before{content:"W"}.icon-redis:before{content:"X"}.icon-rust:before{content:"Y"}.icon-sass:before{content:"Z"}.icon-shell:before{content:"a"}.icon-ubuntu:before{content:"b"}:root{--bs-blue: #0d6efd;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #d63384;--bs-red: #dc3545;--bs-orange: #fd7e14;--bs-yellow: #ffc107;--bs-green: #198754;--bs-teal: #20c997;--bs-cyan: #0dcaf0;--bs-black: #000;--bs-white: #fff;--bs-gray: #6c757d;--bs-gray-dark: #343a40;--bs-gray-100: #f8f9fa;--bs-gray-200: #e9ecef;--bs-gray-300: #dee2e6;--bs-gray-400: #ced4da;--bs-gray-500: #adb5bd;--bs-gray-600: #6c757d;--bs-gray-700: #495057;--bs-gray-800: #343a40;--bs-gray-900: #212529;--bs-primary: #0d6efd;--bs-secondary: #6c757d;--bs-success: #198754;--bs-info: #0dcaf0;--bs-warning: #ffc107;--bs-danger: #dc3545;--bs-light: #f8f9fa;--bs-dark: #212529;--bs-primary-rgb: 13, 110, 253;--bs-secondary-rgb: 108, 117, 125;--bs-success-rgb: 25, 135, 84;--bs-info-rgb: 13, 202, 240;--bs-warning-rgb: 255, 193, 7;--bs-danger-rgb: 220, 53, 69;--bs-light-rgb: 248, 249, 250;--bs-dark-rgb: 33, 37, 41;--bs-primary-text: #084298;--bs-secondary-text: #495057;--bs-success-text: #0f5132;--bs-info-text: #055160;--bs-warning-text: #664d03;--bs-danger-text: #842029;--bs-light-text: #495057;--bs-dark-text: #495057;--bs-primary-bg-subtle: #cfe2ff;--bs-secondary-bg-subtle: #f8f9fa;--bs-success-bg-subtle: #d1e7dd;--bs-info-bg-subtle: #cff4fc;--bs-warning-bg-subtle: #fff3cd;--bs-danger-bg-subtle: #f8d7da;--bs-light-bg-subtle: #fcfcfd;--bs-dark-bg-subtle: #ced4da;--bs-primary-border-subtle: #9ec5fe;--bs-secondary-border-subtle: #e9ecef;--bs-success-border-subtle: #a3cfbb;--bs-info-border-subtle: #9eeaf9;--bs-warning-border-subtle: #ffe69c;--bs-danger-border-subtle: #f1aeb5;--bs-light-border-subtle: #e9ecef;--bs-dark-border-subtle: #adb5bd;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family: var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.5;--bs-body-color: #212529;--bs-body-color-rgb: 33, 37, 41;--bs-body-bg: #fff;--bs-body-bg-rgb: 255, 255, 255;--bs-emphasis-color: #000;--bs-emphasis-color-rgb: 0, 0, 0;--bs-secondary-color: rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb: 33, 37, 41;--bs-secondary-bg: #e9ecef;--bs-secondary-bg-rgb: 233, 236, 239;--bs-tertiary-color: rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb: 33, 37, 41;--bs-tertiary-bg: #f8f9fa;--bs-tertiary-bg-rgb: 248, 249, 250;--bs-link-color: #0d6efd;--bs-link-color-rgb: 13, 110, 253;--bs-link-decoration: underline;--bs-link-hover-color: #0a58ca;--bs-link-hover-color-rgb: 10, 88, 202;--bs-code-color: #d63384;--bs-highlight-bg: #fff3cd;--bs-border-width: 1px;--bs-border-style: solid;--bs-border-color: #dee2e6;--bs-border-color-translucent: rgba(0, 0, 0, 0.175);--bs-border-radius: 0.375rem;--bs-border-radius-sm: 0.25rem;--bs-border-radius-lg: 0.5rem;--bs-border-radius-xl: 1rem;--bs-border-radius-xxl: 2rem;--bs-border-radius-2xl: var(--bs-border-radius-xxl);--bs-border-radius-pill: 50rem;--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width: 0.25rem;--bs-focus-ring-opacity: 0.25;--bs-focus-ring-color: rgba(13, 110, 253, 0.25);--bs-focus-ring-box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}*,*::before,*::after{box-sizing:border-box}@media(prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}h4,h3,h2,h1{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color, inherit)}h1{font-size:calc(1.375rem + 1.5vw)}@media(min-width: 1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + 0.9vw)}@media(min-width: 1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + 0.6vw)}@media(min-width: 1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + 0.3vw)}@media(min-width: 1200px){h4{font-size:1.5rem}}p{margin-top:0;margin-bottom:1rem}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl{margin-top:0;margin-bottom:1rem}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}b{font-weight:bolder}small{font-size:0.875em}mark{padding:.1875em;background-color:var(--bs-highlight-bg)}sub{position:relative;font-size:0.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}a{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));text-decoration:underline}a:hover{--bs-link-color-rgb: var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:0.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:0.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}tr{border-color:inherit;border-style:solid;border-width:0}input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none !important}[type=reset]{-webkit-appearance:button}[type=reset]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}progress{vertical-align:baseline}:root{--bs-breakpoint-xs: 0;--bs-breakpoint-sm: 576px;--bs-breakpoint-md: 768px;--bs-breakpoint-lg: 992px;--bs-breakpoint-xl: 1200px;--bs-breakpoint-xxl: 1400px}.row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--bs-gutter-y));margin-right:calc(-0.5*var(--bs-gutter-x));margin-left:calc(-0.5*var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}@media(min-width: 576px){.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}}.tooltip{--bs-tooltip-zindex: 1080;--bs-tooltip-max-width: 200px;--bs-tooltip-padding-x: 0.5rem;--bs-tooltip-padding-y: 0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color: var(--bs-body-bg);--bs-tooltip-bg: var(--bs-emphasis-color);--bs-tooltip-border-radius: var(--bs-border-radius);--bs-tooltip-opacity: 0.9;--bs-tooltip-arrow-width: 0.8rem;--bs-tooltip-arrow-height: 0.4rem;z-index:var(--bs-tooltip-zindex);display:block;padding:var(--bs-tooltip-arrow-height);margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}:root{font-size:14px}p a,.projects a{font-weight:700;font-style:italic;text-decoration:none}p a:hover,.projects a:hover{color:maroon !important;transition:.2s color}p a:link,p a:visited,p a:active,.projects a:link,.projects a:visited,.projects a:active{color:teal}body{font-family:"Monsterrat",sans-serif !important;background-color:#2c2f33;background:url("../img/background.png");color:#f5f5f5;line-height:1.4;font-size:1rem}.maincontent{width:52.5%;min-width:350px;margin-top:1%;border:.5px rgba(0,0,0,.2) solid;border-radius:1%;background:rgba(5,5,5,.3)}.icon_set a{color:#eee}.icon_set i{cursor:pointer;margin:0 5px;font-size:43px;transition:.3s color}.icon_set i{cursor:pointer;font-size:2.8rem;margin-right:4px}
|
|
.tooltip{--bs-tooltip-zindex: 1080;--bs-tooltip-max-width: 200px;--bs-tooltip-padding-x: 0.5rem;--bs-tooltip-padding-y: 0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color: var(--bs-body-bg);--bs-tooltip-bg: var(--bs-emphasis-color);--bs-tooltip-border-radius: var(--bs-border-radius);--bs-tooltip-opacity: 0.9;--bs-tooltip-arrow-width: 0.8rem;--bs-tooltip-arrow-height: 0.4rem;z-index:var(--bs-tooltip-zindex);display:block;padding:var(--bs-tooltip-arrow-height);margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:rgba(0,0,0,0);border-style:solid}.bs-tooltip-top .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{bottom:0}.bs-tooltip-top .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-end .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{left:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-end .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-bottom .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow{top:0}.bs-tooltip-bottom .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-start .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow{right:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-start .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)} |