@font-face{font-family:'Roboto Serif';font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/l/font?kit=R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX6UgfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcEls0qp6JuONZ8cqf9JC959AXwj2NTaTsInPZjsOd9Tnp6tZxS95-dxlCc-0RuwXDpSolRNVlCpvCg0tPL03Q_K2GDciM&skey=801f2162155a60bc&v=v16) format('woff2')}@font-face{font-family:Asap;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/l/font?kit=KFOOCniXp96a4Tc2DaTeuDAoKsE617JFc49knOIYdjTYdaIsK3ujiCLwpm0U7FsD5UNNrIWDA7umDm50YpjQgvZ_8WTjahT6xxV8jmt2chaY6-qbzB76&skey=1e05f6b66acebc28&v=v33) format('woff2')}@font-face{font-family:Asap;font-style:italic;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/l/font?kit=KFOMCniXp96ayz4E7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmWmjv-tHQP80IY40pF3vL3fM2rAWN9e4fJmdhPwVTTUxLwzRp1hW1waQiG8fCcxK4pXo9GH1mi&skey=ed90f3b9cc892982&v=v33) format('woff2')}@font-face{font-family:Asap;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/l/font?kit=KFOOCniXp96a4Tc2DaTeuDAoKsE617JFc49knOIYdjTYkqUsK3v-oQX-t34F-0oQ9FNex-zsaN7FcxEJA_-x4aAlqzq9ME6skT5RoUZdRyKs19am_pAXZLVgOXKLVcSeohfk88qYvYB7B4mDpHISvyOTfEHfSyCT7UowpQOz8ZKIJe8vVyEvyNvqyHHAqYeM49oYvQ&skey=1e05f6b66acebc28&v=v33) format('woff2')}:root{-webkit-text-size-adjust:none;text-size-adjust:none;--step--2:clamp(0.6944rem,0.4167rem + 1.2346cqi,1.3889rem);--step--1:clamp(0.8333rem,0.5rem + 1.4815cqi,1.6667rem);--step-0:clamp(1rem,0.6rem + 1.7778cqi,2rem);--step-1:clamp(1.2rem,0.72rem + 2.1333cqi,2.4rem);--step-2:clamp(1.44rem,0.864rem + 2.56cqi,2.88rem);--step-3:clamp(1.728rem,1.0368rem + 3.072cqi,3.456rem);--step-4:clamp(2.0736rem,1.2442rem + 3.6864cqi,4.1472rem);--step-5:clamp(2.4883rem,1.493rem + 4.4237cqi,4.9766rem);--step-6:clamp(2.986rem,1.7916rem + 5.3084cqi,5.972rem);--space-3xs:clamp(0.25rem,0.15rem + 0.4444cqi,0.5rem);--space-2xs:clamp(0.5rem,0.3rem + 0.8889cqi,1rem);--space-xs:clamp(0.75rem,0.45rem + 1.3333cqi,1.5rem);--space-s:clamp(1rem,0.6rem + 1.7778cqi,2rem);--space-m:clamp(1.5rem,0.9rem + 2.6667cqi,3rem);--space-l:clamp(2rem,1.2rem + 3.5556cqi,4rem);--space-xl:clamp(3rem,1.8rem + 5.3333cqi,6rem);--space-2xl:clamp(4rem,2.4rem + 7.1111cqi,8rem);--space-3xl:clamp(6rem,3.6rem + 10.6667cqi,12rem);--font-family-subtitle:"Asap",sans-serif;--font-family-title:"Roboto Serif",serif;--font-family-ui:system-ui,sans-serif;--max-width:65rem;--img-border-radius:1em;--color-text:#404040;--color-background:#f3f3f3;--color-primary:#ee5142;--footer-background-color: ;--footer-color: ;--color-primary-light:#f27d71;--color-primary-lighter:#f7a8a1;--color-primary-lightest:#fbd4d0;--ck-image-style-spacing:1.5em;--ck-inline-image-style-spacing:calc(var(--ck-image-style-spacing) / 2)}body,li{font-size:var(--step-0)}.subtitle,.title{grid-area:container;line-height:1;text-align:center}.topnav,body{color:var(--color-text);background-color:var(--color-background)}.align-center,.image,.image>figcaption,.subtitle,.title{text-align:center}.card,main{container-type:inline-size}.button,.card a,body>footer>a,nav a{text-decoration:none}.overlay img,body>header img,img{object-fit:cover}.flow blockquote>*,body>footer,pre{padding:1em}.dropdown summary,.gallery-list,[role=list],ul[class]{list-style:none}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}::view-transition-group(root){animation-duration:1s}*,::after,::before{box-sizing:border-box}body{line-height:1.4}blockquote,body,figure,form,h1,h2,h3,h4,menu,p{margin:0}main{font-family:var(--font-family-subtitle);padding-inline:1rem}[role=list]{margin:0;padding:0}.flow blockquote{inline-size:fit-content;background:var(--color-primary-lightest);border-inline:0.2em solid var(--color-primary)!important;border-radius:.5em;font-style:normal!important;font-stretch:200%}img{max-width:100%;height:auto;border-radius:var(--img-border-radius,1em)}.wrapper{max-width:var(--max-width);margin-inline:auto}.image{clear:both;display:table;margin:.9em auto;min-width:50px}.image>figcaption{background-color:var(--ck-color-image-caption-background);caption-side:bottom;color:var(--ck-color-image-caption-text);font-size:.75em;outline-offset:-1px;padding:.6em;word-break:break-word}.image.image-style-block-align-left,.image.image-style-block-align-right{max-width:calc(100% - var(--ck-image-style-spacing))}.image.image-style-align-left,.image.image-style-align-right{clear:none;margin-top:var(--ck-inline-image-style-spacing);margin-bottom:var(--ck-inline-image-style-spacing)}.image.image-style-side{float:right;margin-left:var(--ck-image-style-spacing);max-width:50%}.image-style-align-left,.image.image-style-align-left{float:left;margin-right:var(--ck-image-style-spacing)}.image-style-align-right,.image.image-style-align-right{float:right;margin-left:var(--ck-image-style-spacing)}.image.image-style-block-align-right{margin-right:0;margin-left:auto}.image.image-style-block-align-left{margin-left:0;margin-right:auto}.image-style-align-center{margin-left:auto;margin-right:auto}p+.image.image-style-align-left,p+.image.image-style-align-right,p+.image.image-style-side{margin-top:0}.image.image-style-align-left{margin-right:var(--ck-inline-image-style-spacing)}.image.image-style-align-right{margin-left:var(--ck-inline-image-style-spacing)}.image img{display:block;height:auto;margin:0 auto;max-width:100%;min-width:100%}body>header{display:grid;grid-template-columns:1fr;grid-template:"container";place-items:center;background-color:var(--color-primary);color:var(--header-text-color)}.curve,nav a{display:block}body>header:has(img)>div{display:contents}body>header:has(img)+svg{display:none}body>header>div{border:1px solid var(--header-text-color);padding:1em;margin-block:1em}body>header img{grid-area:container;grid-column:1/-1;grid-row:1/-1;width:100%;height:auto;max-height:60dvh;border-radius:initial}.title{place-self:start center;font-family:var(--font-family-title)}.subtitle,body>footer{font-family:var(--font-family-subtitle)}.subtitle{margin-block-start:3vmin;place-self:end center}.button,form,nav{font-family:var(--font-family-ui)}.subtitle:empty{display:none}body>footer{font-size:var(--step--1);background-color:var(--footer-background-color);color:var(--footer-color)}body>footer>a{color:inherit}.topnav{position:sticky;top:0;--flex-wrap:nowrap;--flex-gap:0}.topnav :last-child{align-self:flex-start}nav{font-variant:all-small-caps;font-stretch:120%}nav>ul:before{content:"";position:absolute;position-anchor:--li;inset:auto anchor(right) anchor(bottom) anchor(left);height:.2em;background:#add8e6;transition:.2s .2s}nav>ul li{background:conic-gradient(lightblue 0 0) bottom/100% 0 no-repeat;transition:.2s}nav>ul li:is(:hover,.active){anchor-name:--li;background-size:100% 100%;transition:.2s .4s}nav>ul:has(li:hover) li.active:not(:hover){anchor-name:none;background-size:100% 0;transition:.2s}nav a{font-weight:550;line-height:1.5;padding-inline:.2em}.card:hover h2,main a{text-decoration:underline}.curve{--block-size:2em;block-size:var(--block-size);inline-size:100%;fill:var(--color-primary)}aside.login{padding-block-start:0.25em;padding-inline-end:0.5em}.align-end{text-align:end}.flow>*+*{margin-block-start:var(--flow-space,1em)}h1{font-size:var(--step-4);overflow-wrap:break-word}h2{font-size:var(--step-3)}h3{font-size:var(--step-2)}h4{font-size:var(--step-1)}form textarea,p{font-size:var(--step-0)}p{text-wrap:pretty}.edit-footer,.edit-header,.overlay div,small{font-size:var(--step--2)}main h2,main h3,main h4{text-wrap:pretty;font-family:var(--font-family-title)}.promotion{display:grid;place-items:center;margin-block:1rem}.promotion img{inline-size:var(--space-3xl)}main a{color:var(--color-primary-light)}main a:visited{color:#663399}main a:hover{color:var(--color-primary)}.no-padding{--padding:0}.card{--card-radius:0.5em;background:var(--color-primary);color:#fff;display:flex;flex-direction:column;gap:1em;text-align:center;border:2px solid #fff;border-radius:var(--card-radius);padding:.5em}.card:focus-within,.card:hover{box-shadow:4px 8px 8px hsl(0deg 0% 0%/.38)}.card a:hover{color:currentColor}.card a,.card a:visited{color:inherit}.icon{pointer-events:none}.card .icon{margin-inline:auto;inline-size:25%;fill:#fff}.card :is(h2,h3,h4){text-transform:uppercase}.card img{block-size:16rem;border-radius:var(--card-radius)}.card p{hyphens:manual;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.card h2{transition:.2s ease-in-out}.card:hover h2{transform:scale(1.05)}.grid-heading,thead{background-color:var(--color-primary);color:#fff}.card>:last-child{display:flex;justify-content:space-between;margin-block-start:auto}.grid{--grid-gap:var(--space-s);display:grid;grid-template-columns:var(--grid-template-columns,1fr 1fr);outline:var(--grid-border);text-align:var(--text-align,center);gap:var(--grid-gap)}.grid__auto_fill{--grid-template-columns:repeat(auto-fill,
    minmax(min(var(--grid-min-item-size, 18rem), 100%), 1fr)
  )}.grid__auto_fit{--grid-template-columns:repeat(auto-fit,
    minmax(min(var(--grid-min-item-size, 18rem), 100%), 1fr)
  )}.grid__2col{--grid-template-columns:repeat(2, 1fr)}.grid__4col{--grid-template-columns:repeat(4, 1fr)}.grid__6col{--grid-template-columns:repeat(6, 1fr)}.grid>*{padding:var(--grid-padding,.2em .5em);border-inline-start:var(--grid-border);border-block-end:var(--grid-border)}.grid[data-grid-variant="1"]{--grid-template-columns:10ch 1fr;outline:initial;align-items:baseline;column-gap:1em}.grid[data-grid-variant="1"]>*{--grid-padding:1em 0;border:initial}.grid[data-grid-variant="1"]>:nth-child(odd){text-align:end;color:var(--color-primary-light);font-size:var(--step--2)}.grid[data-grid-variant="1"]>:nth-child(2n){text-align:start;border-block-end:var(--grid-border);font-size:var(--step--1)}.round-border{border-radius:50%}.curved-border{border-radius:var(--space-m)}.color-yellow{color:#ff0}.icon-with-text{display:flex;align-items:center;gap:.5em}.icon-with-text>svg{width:1em;height:1em;fill:currentColor}.visually-hidden{border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.carousel,pre{overflow-x:auto}.dropdown,.settings-popover,sup{position:relative}form{--border:solid 1px var(--color-primary);display:flex;flex-direction:column;border:var(--border);border-radius:.5em;padding-block:0}dialog[class],fieldset{border-radius:.5em}form label{display:block;font-weight:350}form input[type=email],form input[type=tel],form input[type=text]{inline-size:100%;font:inherit;line-height:2}form input+div{block-size:2lh}form textarea{resize:vertical;min-block-size:7rem;inline-size:100%;line-height:1.5}.flex-items{display:flex;flex-direction:var(--flex-direction,row);flex-wrap:var(--flex-wrap,wrap);gap:var(--flex-gap,var(--gutter,var(--space-m)));justify-content:var(--flex-horizontal-alignment,flex-start);align-items:var(--flex-vertical-alignment,center)}.button,.dropdown summary{display:inline-flex;cursor:pointer}.center{--flex-horizontal-alignment:center}.space-apart{--flex-horizontal-alignment:space-apart}.space-between{--flex-horizontal-alignment:space-between}.space-around{--flex-horizontal-alignment:space-around}.justify-end{--flex-horizontal-alignment:flex-end}.no-gap{--flex-gap:0}.no-wrap{flex-wrap:nowrap}[data-variant-flex=column]{--flex-direction:column;--flex-vertical-alignment:flex-start}.button{--button-padding:0.7em 1.2em;--button-gap:0.5em;--button-bg:#342a21;--button-color:#ffffff;--button-hover-bg:#4b4b4a;--button-hover-color:#ffffff;--button-border-width:3px;--button-border-style:solid;--button-border-color:var(--button-bg);--button-radius:0.5em;align-items:center;gap:var(--button-gap);padding:var(--button-padding);background:var(--button-bg);color:var(--button-color);border-width:var(--button-border-width);border-style:var(--button-border-style);border-color:var(--button-border-color);border-radius:var(--button-radius);font-weight:var(--button-font-weight,700);font-size:var(--button-font-size, 1em);letter-spacing:.05ch;line-height:1.1}.labels,ol.deploy{font-family:monospace}.button svg{height:var(--button-icon-size,1.2cap);width:auto;flex:none;aspect-ratio:1}.button:hover{background:var(--button-hover-bg);color:var(--button-hover-color);fill:var(--button-hover-color)}.button:not(.no-focus):focus-visible{outline-width:var(--button-outline-width,var(--button-border-width));outline-style:var(--button-outline-style,var(--button-border-style));outline-color:var(--button-outline-color,var(--button-border-color));outline-offset:var(--button-outline-offset,calc(var(--button-border-width) * 2))}.button:active{transform:scale(99%)}.button[data-button-variant=nav-item]{--button-padding:0;--button-color:white;--button-bg:transparent;--button-hover-bg:transparent}.button[data-button-variant=round-icon]{--button-padding:0.25em;--button-bg:transparent;--button-color:currentColor;--button-radius:50%;--button-border-color:currentColor}.button[data-button-variant=round-icon] svg{stroke:currentColor;stroke-width:3px}.button[data-button-variant=no-styles]{--button-border-width:0;--button-padding:0;--button-bg:transparent;--button-color:currentColor;--button-hover-bg:var(--button-bg);--button-hover-color:var(--color-primary);--border-radius:0}.button[data-button-variant=small]{--button-font-size:var(--step--2);--button-padding:0.2em 0.3em}.like-a-link{text-decoration:underline;text-decoration-thickness:0.5ex;text-decoration-skip-ink:none;text-underline-offset:0.8ex;color:var(--color-primary)}html:has(dialog[open]){overflow:hidden}dialog[class]{inline-size:min(95vw,var(--max-width));padding:0;inset:0;overflow:hidden;box-shadow:0 -1px 2px 0 hsl(220 3% 15% / calc(1% + 2%)),0 3px 2px -2px hsl(220 3% 15% / calc(1% + 3%)),0 7px 5px -2px hsl(220 3% 15% / calc(1% + 3%)),0 12px 10px -2px hsl(220 3% 15% / calc(1% + 4%)),0 22px 18px -2px hsl(220 3% 15% / calc(1% + 5%)),0 41px 33px -2px hsl(220 3% 15% / calc(1% + 6%)),0 100px 80px -2px hsl(220 3% 15% / calc(1% + 7%))}.gallery-list audio,.gallery-list img,.gallery-list video,.overlay img{inline-size:100%}dialog[class]::backdrop{backdrop-filter:blur(2px)}dialog>form{display:grid;grid-template-rows:auto 1fr auto;align-items:start;max-block-size:80vh;max-block-size:80dvb;font-size:75%}dialog button.close{border:none;background-color:#fff;padding:.5em}dialog>form>footer,dialog>form>header{padding-block:1rem;padding-inline:1.5rem;background-color:#e9ecef}dialog>form>article{overflow-y:auto;max-block-size:100%;overscroll-behavior-y:contain;padding:2rem}dialog label{font-weight:650;font-stretch:125%}dialog hr{margin:initial;height:.2rem;background-color:var(--color-text)}dialog hr+span{font-weight:800}.overlay{display:grid;grid-template-area:"overlay"}.overlay img{--aspect-ratio:1;grid-area:overlay;place-self:center;block-size:100%;aspect-ratio:var(--aspect-ratio)}.overlay div{grid-area:overlay;place-self:start center}.overlay button.copied{background-color:#fff;color:green}.carousel{display:grid;grid-auto-flow:column;grid-auto-columns:30%;gap:1rem;scrollbar-color:var(--color-primary) var(--color-primary-lightest)}.carousel figcaption{font-size:50%}.no-border{--border:none}pre{background:rgba(199,199,199,.3);border:1px solid #c4c4c4;border-radius:2px;color:#353535;direction:ltr;font-style:normal;font-size:60%;tab-size:4;text-align:left}pre:has(code){position:relative}pre:has(code)::after{background:#000;color:#fff;position:absolute;font-size:75%;padding:var(--space-3xs);right:0;top:0}pre:has(.language-html)::after{content:"HTML"}pre:has(.language-css)::after{content:"CSS"}pre:has(.language-javascript)::after{content:"Javascript"}pre:has(.language-plsql)::after{content:"PL/SQL"}pre:has(.language-sql)::after{content:"SQL"}.dropdown{display:inline-block}.dropdown summary{--icon-height:var(--space-xs);align-items:center;min-height:42px;padding-inline-start:calc(42px - var(--icon-height))}.dropdown summary svg{height:var(--icon-height)}.dropdown summary::-webkit-details-marker{display:none}.dropdown .dropdown-content{position:absolute;min-inline-size:max-content;background-color:#fff;color:var(--color-text);border:1px solid #9b7aba;border-radius:.5em;right:0;top:2em;z-index:1;list-style:none;margin:0;padding:.25em .5em}.dropdown .button{display:block;color:var(--color-text);background-color:transparent;margin-block:var(--space-3xs);padding:.5em 1.5em;text-align:center;border:none;inline-size:100%;font-size:var(--step--1);min-height:44px}.dropdown .button:focus,.dropdown .button:hover{background-color:var(--color-text);color:var(--color-background)}.dropdown button:disabled{color:var(--color-primary-lighter);background-color:transparent;cursor:not-allowed}.dropdown details[open] summary::before{position:fixed;top:0;right:0;bottom:0;left:0;content:"";cursor:default}.dropdown details summary rect{transition:transform .5s,opacity .5s}.dropdown details[open] summary .top{transform:rotate(45deg) translate(7px,-3px)}.dropdown details[open] summary .middle{opacity:0}.dropdown details[open] summary .bottom{transform:rotate(-45deg) translate(-16px,-6px)}.dropdown-content{max-height:calc(100dvh - 2lh);overflow:auto}.dropdown-content li+li{border-block-start:solid 1px black}.settings-popover{background:#f8f8ff;padding:1rem;max-width:100%;box-shadow:0 0 25px #696969;text-align:initial;font-weight:initial;inset:auto}.settings-popover::after{content:"";position:absolute;left:10px;bottom:-.9rem;width:0;height:0}[popover]{overflow:unset;bottom:calc(anchor(top) + 1rem);left:anchor(left);position-try-fallbacks:flip-block}:popover-open{max-width:50ch}sup{vertical-align:baseline;font-size:.7em;top:-.5em}ol.deploy,table{font-size:var(--step--1)}table{width:100%;border-collapse:collapse}caption{padding:.5em}thead{font-weight:600}td,th{border:1px solid var(--color-primary);padding:var(--space-3xs)}td>button{margin-inline-start:.25em}td.centered{text-align:center;font-weight:900}.cwv{--button-padding:0.15em 0.5em;border:none}.cwv:hover{font-weight:850}.good{background-color:#7fff00;color:#000}.improve,.needs-improvement{background-color:orange;color:#000}.poor{background:red;color:#fff}.deploy-website,.show-media{color:#fff!important;cursor:pointer!important}ol.deploy{color:#fff;background-color:#342a21;padding:1em;margin-inline-end:1em}ol.deploy span+span{margin-inline-start:1em}.show-media{background-color:var(--color-primary-light)!important;margin-inline-start:calc (var(--ck-spacing-unit) * 4) )!important}.deploy-website{background-color:#663399!important;margin-inline-end:1em!important;padding:.2em .3em!important}.graph .labels.x-labels{text-anchor:middle}.graph .labels.y-labels{text-anchor:end}.graph line{stroke:#ccc;stroke-width:.3}.graph polyline{stroke:red;stroke-width:.5;fill:none}.labels{font-size:.1em}.gallery-list{margin:0;padding-inline-start:0;display:grid;gap:var(--space-2xs);grid-template-columns:repeat(auto-fill,minmax(min(var(--space-3xl),100%),1fr))}.gallery-list li{border:1px solid #ddd;padding:var(--space-3xs);display:grid;grid-template-areas:"overlay"}.gallery-list li:hover{box-shadow:4px 8px 8px hsl(0deg 0% 0% / .38)}.gallery-list .landscape{grid-column:span 2}.gallery-overlay{display:none;grid-template-areas:"overlay"}.gallery-overlay img{grid-area:overlay;place-self:center;inline-size:100vw;block-size:100vh;object-fit:contain}.gallery-overlay :not(img){color:#fff;font-size:var(--step-3);grid-area:overlay}.gallery-overlay span{place-self:start start;font-size:var(--step-0)}.gallery-overlay button{background-color:transparent;outline:0;border:0;padding:var(--space-s);cursor:pointer}.gallery-overlay .close-fullscreen{place-self:start end}.gallery-overlay .prev{place-self:center start}.gallery-overlay .next{place-self:center end}.loader{width:10rem;aspect-ratio:1;display:grid;-webkit-mask:conic-gradient(from 22deg,#0003,#000);mask:conic-gradient(from 22deg,#0003,#000);animation:1s steps(8) infinite load}.loader,.loader:before{--_g:linear-gradient(#17177c 0 0) 50%;background:var(--_g)/34% 8% space no-repeat,var(--_g)/8% 34% no-repeat space}.loader:before{content:"";transform:rotate(45deg)}@keyframes load{from{transform:rotate(0turn)}to{transform:rotate(1turn)}}#editor-status{color:green}.ck-word-count{display:flex;gap:1em;font-size:var(--step--2)}::picker(select),select{appearance:base-select}.edit-footer legend,.edit-header legend{font-stretch:125%;font-weight:600}.edit-footer label,.edit-header label{font-weight:500}.edit-footer label>*,.edit-header label>*{margin-inline-start:.5em;font:inherit}.edit-header:has(*){display:grid;grid-template-areas:"background title" "buttons subtitle";grid-template-columns:max-content 1fr;gap:1em;padding:.5em}.edit-header>svg,[role=alert]:empty{display:none}@media (width <= 600px){.edit-header{grid-template-areas:"background" "buttons" "title" "subtitle";grid-template-columns:1fr}}.edit-header>fieldset{inline-size:fit-content}.edit-header>fieldset.background-color{grid-area:background;align-self:start;justify-self:center}.edit-header>fieldset.title-font{grid-area:title}.edit-header>fieldset.subtitle-font{grid-area:subtitle}.edit-header>div.buttons{grid-area:buttons}edit-footer,edit-footer>div{margin:3vh}.icon-with-text:has(span:empty){display:none}li:has([role=alert]){position:relative}[role=alert]{position:absolute;inset:0;align-content:center;text-align:center;text-transform:uppercase}.eyedropper{width:50px;block-size:27px;background-color:#663399;border-width:5px;border-color:pink}.eyedropper:hover{border-color:red}