-
Notifications
You must be signed in to change notification settings - Fork 6
Expand file tree
/
Copy pathcoc.C6tYXCk9.css
More file actions
1 lines (1 loc) · 5.49 KB
/
Copy pathcoc.C6tYXCk9.css
File metadata and controls
1 lines (1 loc) · 5.49 KB
1
@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";nav[data-astro-cid-2j44jlrm].menu__navigationBarWrapper{font-family:Permanent Marker,cursive;font-size:20px;margin-left:auto;height:100%;ul.menu__navigationBar{margin:unset;display:flex;list-style-type:none;gap:10px;height:100%;align-items:center;li{padding-left:10px;padding-right:10px;height:100%;display:flex}li.selected{background-color:#5282b4;a,a:visited{color:#fff}}a,a:visited{color:#98bdf7;text-decoration:none}}}.slide-in-fwd-left[data-astro-cid-sckkx6r4]{-webkit-animation:slide-in-fwd-left .4s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-fwd-left .4s cubic-bezier(.25,.46,.45,.94) both}.slide-in-fwd-right[data-astro-cid-sckkx6r4]{animation:slide-in-fwd-right 3.4s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-in-fwd-left{0%{transform:translateZ(-1400px) translate(-1000px);opacity:0}to{transform:translateZ(0) translate(0);opacity:1}}@keyframes slide-in-fwd-left{0%{transform:translateZ(-1400px) translate(-1000px);opacity:0}to{transform:translateZ(0) translate(0);opacity:1}}@-webkit-keyframes slide-in-fwd-right{0%{transform:translateZ(-1400px) translate(1000px);opacity:0}to{transform:translateZ(0) translate(0);opacity:1}}@keyframes slide-in-fwd-right{0%{-webkit-transform:translateZ(-1400px) translateX(1000px);transform:translateZ(-1400px) translate(1000px);opacity:0}to{-webkit-transform:translateZ(0) translateX(0);transform:translateZ(0) translate(0);opacity:1}}html,body{--position-container-image: relative;--width-container-image: 400px;--height-header: 60px;--height-footer: 50px;--font-size: 14px;--main-text-color: #232323;--main-background-color: aliceblue;--second-background-color: white;--border-color: #aaa;font-family:Montserrat,sans-serif;line-height:18px;color:var(--main-text-color);margin:0;width:100%;height:100%;overflow:hidden;font-size:var(--font-size);header{z-index:11;height:var(--height-header);padding:0 20px;top:0;position:sticky;box-shadow:0 3px 11px -2px #0000001c,0 2px 14px #00000024,0 1px 13px #0000001f;background-color:var(--second-background-color);align-items:center;display:flex;#burger-menu{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:auto auto auto 0;display:none;flex-direction:column;gap:6px;height:fit-content;width:fit-content;&:hover{background-color:#4e8ff4}span{display:block;width:35px;height:5px;background-color:#98bdf7}}img{position:relative;height:115px;top:33px;border-radius:50%;box-shadow:0 3px 11px -2px #0000001c,0 2px 14px #00000024,0 1px 13px #0000001f}a,a:visited{text-decoration:none;display:flex;align-items:center;color:#98bdf7;gap:10px}}footer{height:calc(var(--height-footer) - 10px);bottom:0;padding:5px 20px;position:sticky;border-top:solid 1px var(--border-color);background-color:var(--second-background-color);display:flex;align-items:center;color:#00a2ff;svg{aspect-ratio:auto;margin-right:40px;height:24px;fill:currentColor}a,a:visited{color:currentColor}a:hover{color:#016298}.name{margin-left:auto;font-family:Permanent Marker,cursive}}a.button{color:#fff;background:linear-gradient(108deg,#33a6e9,#7cc3ff);box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 -2px #0000003d;border-radius:10px;padding:10px;text-align:center;width:175px;display:flex;align-items:center;gap:10px;text-decoration:unset;.icon{font-size:27px}}main{padding-top:20px;height:calc(100vh - 112px);overflow-y:auto;font-family:monospace;padding-left:10px;padding-right:10px;background-color:var(--main-background-color);main>*{max-width:1000px;background-color:green;margin-left:auto;margin-right:auto}>*:not(.menu-mobile){width:100%;max-width:1000px;margin:auto}.menu-mobile{width:0;position:absolute;left:0;top:calc(var(--height-header) + 1px);z-index:10;height:calc(100vh - var(--height-header) - var(--height-footer));background-color:#505050cc;display:flex;.content{width:0;background-color:var(--second-background-color);height:calc(100vh - 111px);transition:width .3s ease-in-out;nav.menu__navigationBarWrapper{display:none}}}h1,h2,h3{padding-left:40px;font-family:Permanent Marker,cursive;color:#00a1ff}h1{font-size:40px;line-height:45px}h2{margin-bottom:0;padding-left:10px;font-size:30px;line-height:34px}h3{font-size:25px}}p{font-size:var(--font-size);line-height:22px;margin-bottom:20px}@media (width < 550px){header{flex-direction:row-reverse;#burger-menu{display:flex}nav.menu__navigationBarWrapper{display:none}}footer{justify-content:space-between;.name{display:none}svg{padding-right:unset}}main{overflow-x:hidden;h1,h2,h3{padding-left:unset}section{flex-direction:column;&#conf{--height-section: 790px}&#network{--height-section-network: 416px}.first-container{flex-direction:column;gap:20px;display:flex;width:100%;.container-img{display:block;--position-container-image: block;--width-container-image: 100%;img:first-of-type{max-width:unset!important;display:block;position:unset!important;top:unset!important;left:unset!important;width:100%}img{display:none}}}}&#network{.container-img{left:unset}}.menu-mobile{width:0;nav.menu__navigationBarWrapper{display:none;transition:display .5ms}.content{width:0}&.visible{width:100vw;.content{width:80%;overflow:hidden;nav.menu__navigationBarWrapper{display:block;flex-direction:column;ul.menu__navigationBar{display:flex;flex-direction:column;height:unset;padding-inline-start:15px;align-items:unset;padding-top:10px;li{margin:10px;a,a:visited{min-width:190px}}li:first-of-type{margin-top:20px}}}}}}}}}