html{font-size:16px;scroll-behavior:smooth}@media screen and (max-width: 768px){html{font-size:80%}}::-moz-selection{color:#434447;background:rgba(255,255,0,0.9)}::selection{color:#434447;background:rgba(255,255,0,0.9)}body{background-color:#FAFBFF;margin:0}body.popup{background-color:#5E36CD;scrollbar-width:none;overflow:hidden}body.popup>*:not(#email){opacity:0}body,button{color:#434447;font-size:1rem;letter-spacing:0.0625em;font-family:'Open Sans', sans-serif}main,main>section{position:relative}main,footer,#me{margin-bottom:6rem}#more{justify-items:center}#more>*{align-self:center}footer .flex{justify-content:space-between}footer>*{grid-column:2 / 4}#legal[aria-hidden="true"]{visibility:hidden;opacity:0;display:none}#legal-button{padding:0;background:none;box-shadow:none}#legal-button:hover{color:#5E36CD;opacity:1}#legal-button:focus{outline:1px dashed}#home{grid-column:1 / 5;height:100vh;background-color:#F5F7FF;grid-auto-rows:minmax(auto, 1fr);align-items:center;text-align:center}#home div:nth-child(1){grid-column:2 / 4;align-self:center}#about,#reviews,#contact,#email{grid-column:2 / 4}.grid{display:grid;grid-gap:2rem;grid-template-columns:repeat(2, 1fr)}@media screen and (max-width: 560px){.grid{grid-template-columns:1fr}}#reviews .grid{align-items:center;padding-top:2rem}.inline-grid{display:inline-grid;grid-gap:1rem;grid-template-columns:repeat(2, auto)}@media screen and (max-width: 560px){.inline-grid{grid-template-columns:auto}}main,footer,#home,#works{display:grid;grid-gap:2rem}@media screen and (max-width: 1024px){main,footer,#home,#works{grid-template-columns:10% 1fr 1fr 10%}}@media screen and (min-width: 1024px){main,footer,#home,#works{grid-template-columns:20% 1fr 1fr 20%}}@media screen and (min-width: 1440px){main,footer,#home,#works{grid-template-columns:repeat(4, 1fr)}}@media screen and (max-width: 1440px){#facts{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1440px){#facts{grid-template-columns:repeat(4, 1fr)}}@media screen and (max-width: 768px){#me{flex-direction:column}#me div:nth-child(1){order:2;text-align:center}#me div:nth-child(2){order:1}}main>section>section+section{padding-top:3rem}.flex{display:flex;align-items:center}section>header{margin-bottom:3rem}h1,h2,h3,h4,h5,h6,.title,.subtitle,.heading{font-family:'Ubuntu', sans-serif}h1.heading{margin:0 0 1rem 0}.heading{font-size:3.75rem;margin:6rem 0;padding:0;position:relative;font-weight:bold}.title{font-size:2rem;margin:3rem 0;font-weight:bold}.subtitle{font-weight:bold;font-size:1.5rem;margin:1rem 0}a{color:#434447;text-decoration:none;transition:color ease-in-out .5s}a:not(.button):not(#menu-button):hover{color:#5E36CD}a:not(.button):not(#menu-button):focus{outline:1px dashed}html .material-icons-outlined{font-size:1rem;line-height:inherit;vertical-align:bottom}.card{border-radius:.75rem;box-shadow:0 0 20px #ECEEF7;padding:3rem 2rem;position:relative}.card .title{margin:0 0 2rem 0}.card.quote:before{content:open-quote;position:absolute;top:-3rem;left:1rem;font-size:3.75rem;color:#5E36CD;font-weight:bold}.small-content{font-size:.75rem;opacity:.8;transition:opacity ease-in-out .5s}.small-content:hover,.small-content:focus{opacity:1}.line-through{text-decoration:line-through}.highlighted-content{background-color:#5E36CD;color:#FAFBFF;padding:.125rem .25rem;border-radius:.25rem}figure{margin:0}figure figcaption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}#works img{max-width:100%;width:100%;height:auto;margin:0 auto;border-radius:.75rem}#reviews img{width:3rem;height:3rem;border-radius:50%;box-shadow:inset 0 0 10px 0 #ECEEF7}#me img{width:12rem;height:12rem;border-radius:50%}img+p{margin-left:1rem}#works{grid-column:1 / 5;align-content:start}#works header{grid-column:2 / 4}#works #overlay{grid-column:2 / 4;padding:2rem;margin:-2rem;overflow-x:scroll;overflow-x:hidden;scroll-behavior:smooth}#works .grid{grid-column:1 / 5;grid-auto-flow:column;-ms-scroll-snap-type:x proximity;scroll-snap-type:x proximity;grid-template-rows:minmax(auto, 1fr);grid-auto-columns:100%;grid-template-columns:100%}#works .grid:after{content:'';width:.1rem}#works .card{display:grid;grid-gap:2rem;grid-template-columns:1fr}.scroll{position:relative;width:100%;align-self:center}.scroll#scroll-left{grid-column:1 / 2;text-align:right}.scroll#scroll-right{grid-column:4 / 5}.scroll button{background:none;padding:.5rem;z-index:4;margin:.5rem}@media screen and (min-width: 768px){.scroll button{margin:1rem}}.scroll button[aria-hidden="true"]{visibility:hidden;opacity:0}button,.button,#menu-button{border:none;border-radius:.75rem;cursor:pointer;box-shadow:0 0 10px 0 #ECEEF7;line-height:1.5rem;transition:background 1s, box-shadow 1s, border-color 1s;display:inline-block;padding:1rem 2.5rem}button:hover>.material-icons-outlined,.button:hover>.material-icons-outlined,#menu-button:hover>.material-icons-outlined{transform:scale(1.1)}#contact button,#contact .button,#contact #menu-button{margin:3rem 0}.light-button{color:#434447;background:#FAFBFF}.light-button:hover{background:#fff;box-shadow:0 0 20px 0 #ECEEF7}.light-button:focus{background:#fff;box-shadow:0 0 20px 10px #ECEEF7,inset 0 0 5px 3px #ECEEF7,0 0 1px 1px #ECEEF7;outline:none}.bold-button,#menu-button{color:#FAFBFF;background:#5E36CD}.bold-button:hover,#menu-button:hover{background:#4b29a7;box-shadow:0 0 20px 0 #dadeef}.bold-button:focus,#menu-button:focus{background:#381f7e;box-shadow:0 0 20px 10px #c8cee8,inset 0 0 5px 3px #381f7e,0 0 1px 1px #c8cee8;outline:none}#pulse{vertical-align:middle;border-radius:50%;height:2rem;width:2rem;background-color:rgba(94,54,205,0.1);display:inline-block;-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;box-sizing:content-box;margin-right:1rem}#pulse span{height:1rem;width:1rem;display:inline-block;background-color:#5E36CD;margin:.5rem;border-radius:50%}@-webkit-keyframes pulse{0%{background-color:rgba(94,54,205,0)}50%{background-color:rgba(94,54,205,0.2)}100%{background-color:rgba(94,54,205,0)}}@keyframes pulse{0%{background-color:rgba(94,54,205,0)}50%{background-color:rgba(94,54,205,0.2)}100%{background-color:rgba(94,54,205,0)}}nav{position:fixed;z-index:1;top:2rem;left:2rem}@media screen and (min-width: 1040px){#menu-entries li{padding:.75rem 0}#menu-entries li:hover a{color:#5E36CD}#menu-entries{margin:.75rem}}@media screen and (max-width: 1039px){nav{position:fixed;z-index:1;top:2rem;left:2rem}nav #menu-mask{width:calc(100vw - 4rem);border-radius:.75rem;display:flex}nav #menu-mask.visible{background-color:#FAFBFF;box-shadow:0 0 10px 0 #ECEEF7}#menu-button{align-self:center;margin:2rem}#menu-entries{display:flex;flex:1 1 auto;align-items:center;padding:initial;margin:0;overflow:scroll}#menu-entries li{flex:1 0 auto;padding:0;margin:1rem 0}#menu-entries li a span{transform:rotate(90deg)}}#menu-button{margin:.75rem;line-height:2rem;padding:.5rem 1rem;font-size:1rem}#menu-button[aria-expanded="true"] #menu-icon{transform:rotate(90deg)}#menu-button #menu-icon{display:inline-block;transition:transform 0.5s linear}#menu-entries{visibility:hidden;opacity:0;transition:visibility 0.5s, opacity 0.5s linear;list-style:none;padding:0}#menu-entries[aria-hidden="false"]{visibility:visible;opacity:1}#menu-entries li{transition:color ease-in-out .5s}#menu-entries li a{padding:.5rem;display:inline-block}#menu-entries li a[aria-selected="false"] span{visibility:hidden;opacity:0}#email{width:100vw;height:100vh;position:fixed;top:0;left:0;background:#5E36CD;z-index:2;align-items:center;justify-content:center;flex-direction:column;color:#FAFBFF}#email #mail-box{max-width:80%;margin:auto}#email #mail-box button{padding:.5rem 1rem;line-height:2rem}#email #mail-box #mail-copy{margin:0 1rem}#email #mail-box .heading{font-size:3.75rem;margin:2rem 0}#email #mail-box .heading:before{background-color:#FAFBFF}#email #mail-box span{display:inline-block}#motivation>.grid{align-items:center}#motivation #facts{align-items:initial;margin-bottom:3rem}#motivation #facts .flex{align-items:first baseline;flex-direction:column;margin:0;padding:0}#motivation #facts .material-icons-outlined{font-size:1.5rem;color:#5E36CD;padding:2rem 1rem 0 1rem}#motivation #facts .small-content{margin-top:1rem;padding:0 1rem 2rem 1rem}