.side-menu{position:fixed;align-self:flex-start;top:0;padding-top:0;height:100%;max-width:250px}.side-menu ul{min-width:250px;max-width:250px;margin-top:190px;height:100%}.side-menu li{margin:20px 0;list-style:none}.side-menu li a{text-decoration:none;color:#4169e1}.side-menu .menu-btn{display:none}.side-menu .menu-icon{cursor:pointer;padding:35px 18px;user-select:none;display:none}.side-menu .menu-icon .navicon:before,.side-menu .menu-icon .navicon:after{background:#333;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.side-menu .menu-icon .navicon:before{top:24px}.side-menu .menu-icon .navicon:after{top:12px}.side-menu .menu-icon .navicon{background:#333;display:block;height:5px;position:relative;width:40px}@media screen and (max-width: 900px){.side-menu{z-index:5;height:fit-content;display:flex;flex-direction:column;justify-content:center}.side-menu .menu-icon{display:block;height:120px}.side-menu ul{background-color:#f7f7f7;margin-top:120px;display:none;overflow:hidden}.side-menu .menu-btn:checked+ul{transition:all 1s ease-in-out;display:flex;width:150px;height:100%;min-height:100%;flex-direction:column;margin-top:0}}header.astro-MU5BSMU5{position:sticky;background-color:#fff;width:100%;top:0;z-index:4;height:100px;display:flex;align-items:center;justify-content:center}header.astro-MU5BSMU5 a.astro-MU5BSMU5{display:flex;justify-content:center;align-items:center;text-decoration:none}header.astro-MU5BSMU5 a.astro-MU5BSMU5 .site-logo.astro-MU5BSMU5{max-width:250px}header.astro-MU5BSMU5 a.astro-MU5BSMU5 .h2.astro-MU5BSMU5{color:#4169e1;margin-left:25px}@media screen and (max-width: 900px){header.astro-MU5BSMU5{border-bottom-left-radius:0;border-bottom-right-radius:0;width:100%;height:120px}header.astro-MU5BSMU5 h2.astro-MU5BSMU5{margin:0!important}header.astro-MU5BSMU5 .site-logo.astro-MU5BSMU5{max-width:250px}header.astro-MU5BSMU5 a.astro-MU5BSMU5{flex-direction:column}}@media screen and (max-width: 600px){header.astro-MU5BSMU5{padding-left:45px}}*{box-sizing:border-box;margin:0}:root{font-family:Poppins,sans-serif;--user-font-scale: 1rem - 16px;font-size:clamp(.875rem,.4626rem + 1.0309vw + var(--user-font-scale),1.125rem)}body{max-width:1500px;margin:0 auto;width:100%;color:#566070;box-sizing:border-box}p{font-weight:200;font-size:16px;line-height:30px}section{margin:30px 0}h1,h2,h3,h4,h5{font-weight:500;margin:15px 0}img{max-width:100%}@media (prefers-color-scheme: dark){body{background:#111827;color:#fff}}.container{display:flex}.container main{height:100%;min-height:100%;max-width:1200px;margin-left:250px;padding:60px 80px;display:flex;flex-direction:column}@media screen and (max-width: 900px){.container main{margin-left:0;padding:60px 40px}}.nylas-colors__list{padding-left:0;list-style:none;display:flex;flex-wrap:wrap;margin:30px 0;text-align:center}.nylas-colors__list-item{margin-right:20px}.nylas-colors__list-item:first-of-type .nylas-colors__list-item--color{border:solid thin lightgrey}.nylas-colors__list-item p:first-of-type{font-weight:500;margin:15px 0 5px}.nylas-colors__list-item--color{height:80px;width:80px;border-radius:50%;position:relative}.nylas-colors__list-item--color:hover{cursor:pointer}.nylas-colors__list-item--color:hover:after{transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;content:"Copy to Clipboard";font-size:12px;font-weight:100;color:#fff;position:absolute;background-color:#808080cc;height:80px;text-align:center;width:80px;border-radius:50%}.nylas-colors__list-item--color:hover.copied:after{content:"Copied!"}