@import"https://use.typekit.net/mip1qzm.css";@keyframes bg-rotation-8dc77201{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}.light[data-v-8dc77201]{--background-color:white;--text-color:#a0a0a0;--headline-color:#b6cec7;--link-color:#345969;--header-gradient: 3px 3px 10px rgb(0, 0, 0, .3)}.light .adapt-text[data-v-8dc77201],.light .adapt-link[data-v-8dc77201]{color:#fff}.dark[data-v-8dc77201]{--logo-blue:#b8dee8;--logo-text-blue:#b8dee8;--background-color:#181818;--text-color:#a0a0a0;--headline-color:#b6cec7;--link-color:#b8dee8;--header-gradient: 3px 3px 10px rgb(0, 0, 0, .7)}.dark .adapt-link[data-v-8dc77201],.dark .adapt-text[data-v-8dc77201]{color:#fff}body[data-v-8dc77201]{--logo-blue:#345969;--logo-green:#d1e8e3;--logo-pink:#f9ddd4;--logo-text-blue:#18465b;--logo-text-green:#b6cec7;color:var(--text-color);background-color:var(--background-color)}body[data-v-8dc77201]:not(.dark){--background-color:white;--text-color:#a0a0a0;--headline-color:#b6cec7;--link-color:#345969;--header-gradient: 3px 3px 10px rgb(0, 0, 0, .3)}body:not(.dark) .adapt-text[data-v-8dc77201]{color:#fff}body:not(.dark) .adapt-link[data-v-8dc77201]{color:#fff}body .fill-logo-blue[data-v-8dc77201]{fill:var(--logo-blue)}body .fill-logo-green[data-v-8dc77201]{fill:var(--logo-green)}body .fill-logo-pink[data-v-8dc77201]{fill:var(--logo-pink)}body .fill-logo-text-blue[data-v-8dc77201]{fill:var(--logo-text-blue)}body .fill-logo-text-green[data-v-8dc77201]{fill:var(--logo-text-green)}body header .main-header-bg[data-v-8dc77201]{background-color:var(--background-color)}body header .main-header-bg[data-v-8dc77201]:after{box-shadow:var(--header-gradient)}@media (prefers-color-scheme: dark){body[data-v-8dc77201]:not(.light):not(.dark){--logo-blue:#b8dee8;--logo-text-blue:#b8dee8;--background-color:#181818;--text-color:#a0a0a0;--headline-color:#b6cec7;--link-color:#b8dee8;--header-gradient: 3px 3px 10px rgb(0, 0, 0, .7)}body:not(.light):not(.dark) .adapt-link[data-v-8dc77201]{color:#fff}body:not(.light):not(.dark) .adapt-text[data-v-8dc77201]{color:#fff}}.logo-icon[data-v-8dc77201]{width:51%;margin:0 auto 10.5%}@keyframes bg-rotation-9dc4abc9{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}.light[data-v-9dc4abc9]{--background-color:white;--text-color:#a0a0a0;--headline-color:#b6cec7;--link-color:#345969;--header-gradient: 3px 3px 10px rgb(0, 0, 0, .3)}.light .adapt-text[data-v-9dc4abc9],.light .adapt-link[data-v-9dc4abc9]{color:#fff}.dark[data-v-9dc4abc9]{--logo-blue:#b8dee8;--logo-text-blue:#b8dee8;--background-color:#181818;--text-color:#a0a0a0;--headline-color:#b6cec7;--link-color:#b8dee8;--header-gradient: 3px 3px 10px rgb(0, 0, 0, .7)}.dark .adapt-link[data-v-9dc4abc9],.dark .adapt-text[data-v-9dc4abc9]{color:#fff}body[data-v-9dc4abc9]{--logo-blue:#345969;--logo-green:#d1e8e3;--logo-pink:#f9ddd4;--logo-text-blue:#18465b;--logo-text-green:#b6cec7;color:var(--text-color);background-color:var(--background-color)}body[data-v-9dc4abc9]:not(.dark){--background-color:white;--text-color:#a0a0a0;--headline-color:#b6cec7;--link-color:#345969;--header-gradient: 3px 3px 10px rgb(0, 0, 0, .3)}body:not(.dark) .adapt-text[data-v-9dc4abc9]{color:#fff}body:not(.dark) .adapt-link[data-v-9dc4abc9]{color:#fff}body .fill-logo-blue[data-v-9dc4abc9]{fill:var(--logo-blue)}body .fill-logo-green[data-v-9dc4abc9]{fill:var(--logo-green)}body .fill-logo-pink[data-v-9dc4abc9]{fill:var(--logo-pink)}body .fill-logo-text-blue[data-v-9dc4abc9]{fill:var(--logo-text-blue)}body .fill-logo-text-green[data-v-9dc4abc9]{fill:var(--logo-text-green)}body header .main-header-bg[data-v-9dc4abc9]{background-color:var(--background-color)}body header .main-header-bg[data-v-9dc4abc9]:after{box-shadow:var(--header-gradient)}@media (prefers-color-scheme: dark){body[data-v-9dc4abc9]:not(.light):not(.dark){--logo-blue:#b8dee8;--logo-text-blue:#b8dee8;--background-color:#181818;--text-color:#a0a0a0;--headline-color:#b6cec7;--link-color:#b8dee8;--header-gradient: 3px 3px 10px rgb(0, 0, 0, .7)}body:not(.light):not(.dark) .adapt-link[data-v-9dc4abc9]{color:#fff}body:not(.light):not(.dark) .adapt-text[data-v-9dc4abc9]{color:#fff}}.logo-text[data-v-9dc4abc9]{transform-origin:top center;margin:0 auto}.main-header{width:100%;display:flex;align-items:center;top:0;left:0;z-index:100;position:fixed;padding:1.5rem 0}.main-header .container{display:flex;align-items:center;position:relative;z-index:100}.main-header .container .main-logo{width:260px;margin:auto}.main-header .container .main-logo .logo-wrapper{margin:auto}.main-header .container .main-logo .logo-wrapper img{width:100%;height:auto}.main-header~main{padding-top:300px}.main-header .main-header-bg{position:absolute;height:100%;width:100%;top:0;left:0;--header-gradient-opacity:0}.main-header .main-header-bg:after{opacity:var(--header-gradient-opacity);position:absolute;content:"";width:90%;max-width:1900px;height:10%;bottom:0;left:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;z-index:-1;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translate(-50%)}.menu-takeover{display:none;opacity:0}.project-images{display:flex;flex-wrap:wrap;gap:1.3rem}.project-images .project-item{width:calc(50% - .65rem);aspect-ratio:1/1;overflow:hidden;border-radius:.5rem;cursor:pointer}.project-images .project-item img{width:100%;height:100%;object-fit:cover;transform-origin:center;transition:.3s transform}.project-images .project-item:hover img{transform:scale(1.3)}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px),screen and (min-width: 768px){.project-images .project-item{width:calc(33.3333333333% - .8666666667rem)}}@media screen and (min-width: 1200px){.project-images .project-item{width:calc(25% - .975rem)}}@keyframes bg-rotation-ddd45726{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}.light[data-v-ddd45726]{--background-color:white;--text-color:#a0a0a0;--headline-color:#b6cec7;--link-color:#345969;--header-gradient: 3px 3px 10px rgb(0, 0, 0, .3)}.light .adapt-text[data-v-ddd45726],.light .adapt-link[data-v-ddd45726]{color:#fff}.dark[data-v-ddd45726]{--logo-blue:#b8dee8;--logo-text-blue:#b8dee8;--background-color:#181818;--text-color:#a0a0a0;--headline-color:#b6cec7;--link-color:#b8dee8;--header-gradient: 3px 3px 10px rgb(0, 0, 0, .7)}.dark .adapt-link[data-v-ddd45726],.dark .adapt-text[data-v-ddd45726]{color:#fff}body[data-v-ddd45726]{--logo-blue:#345969;--logo-green:#d1e8e3;--logo-pink:#f9ddd4;--logo-text-blue:#18465b;--logo-text-green:#b6cec7;color:var(--text-color);background-color:var(--background-color)}body[data-v-ddd45726]:not(.dark){--background-color:white;--text-color:#a0a0a0;--headline-color:#b6cec7;--link-color:#345969;--header-gradient: 3px 3px 10px rgb(0, 0, 0, .3)}body:not(.dark) .adapt-text[data-v-ddd45726]{color:#fff}body:not(.dark) .adapt-link[data-v-ddd45726]{color:#fff}body .fill-logo-blue[data-v-ddd45726]{fill:var(--logo-blue)}body .fill-logo-green[data-v-ddd45726]{fill:var(--logo-green)}body .fill-logo-pink[data-v-ddd45726]{fill:var(--logo-pink)}body .fill-logo-text-blue[data-v-ddd45726]{fill:var(--logo-text-blue)}body .fill-logo-text-green[data-v-ddd45726]{fill:var(--logo-text-green)}body header .main-header-bg[data-v-ddd45726]{background-color:var(--background-color)}body header .main-header-bg[data-v-ddd45726]:after{box-shadow:var(--header-gradient)}@media (prefers-color-scheme: dark){body[data-v-ddd45726]:not(.light):not(.dark){--logo-blue:#b8dee8;--logo-text-blue:#b8dee8;--background-color:#181818;--text-color:#a0a0a0;--headline-color:#b6cec7;--link-color:#b8dee8;--header-gradient: 3px 3px 10px rgb(0, 0, 0, .7)}body:not(.light):not(.dark) .adapt-link[data-v-ddd45726]{color:#fff}body:not(.light):not(.dark) .adapt-text[data-v-ddd45726]{color:#fff}}section[data-section=about] .container .about-image[data-v-ddd45726]{border-radius:.5rem;aspect-ratio:4/5;overflow:hidden}section[data-section=about] .container .about-image img[data-v-ddd45726]{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transform-origin:center}section[data-section=about] .container .about-info[data-v-ddd45726]{flex:2;padding:1rem 0}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px),screen and (min-width: 768px){section[data-section=about] .container[data-v-ddd45726]{display:flex;gap:2rem}section[data-section=about] .container .about-image[data-v-ddd45726]{width:35%}}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative}body{min-height:100vh;transition:color .5s,background-color .5s;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}/*!
Theme Name: Drops of Design
Theme URI: https://dropsofdesign.com
Description: Drops of Design Theme
Author: Nathaniel Hoyt
Author URI: http://nathanielhoyt.com        
Version: 1.0.0 
*/@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes bg-rotation{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}.light{--background-color:white;--text-color:#a0a0a0;--headline-color:#b6cec7;--link-color:#345969;--header-gradient: 3px 3px 10px rgb(0, 0, 0, .3)}.light .adapt-text,.light .adapt-link{color:#fff}.dark{--logo-blue:#b8dee8;--logo-text-blue:#b8dee8;--background-color:#181818;--text-color:#a0a0a0;--headline-color:#b6cec7;--link-color:#b8dee8;--header-gradient: 3px 3px 10px rgb(0, 0, 0, .7)}.dark .adapt-link,.dark .adapt-text{color:#fff}body{--logo-blue:#345969;--logo-green:#d1e8e3;--logo-pink:#f9ddd4;--logo-text-blue:#18465b;--logo-text-green:#b6cec7;color:var(--text-color);background-color:var(--background-color)}body:not(.dark){--background-color:white;--text-color:#a0a0a0;--headline-color:#b6cec7;--link-color:#345969;--header-gradient: 3px 3px 10px rgb(0, 0, 0, .3)}body:not(.dark) .adapt-text{color:#fff}body:not(.dark) .adapt-link{color:#fff}body .fill-logo-blue{fill:var(--logo-blue)}body .fill-logo-green{fill:var(--logo-green)}body .fill-logo-pink{fill:var(--logo-pink)}body .fill-logo-text-blue{fill:var(--logo-text-blue)}body .fill-logo-text-green{fill:var(--logo-text-green)}body header .main-header-bg{background-color:var(--background-color)}body header .main-header-bg:after{box-shadow:var(--header-gradient)}@media (prefers-color-scheme: dark){body:not(.light):not(.dark){--logo-blue:#b8dee8;--logo-text-blue:#b8dee8;--background-color:#181818;--text-color:#a0a0a0;--headline-color:#b6cec7;--link-color:#b8dee8;--header-gradient: 3px 3px 10px rgb(0, 0, 0, .7)}body:not(.light):not(.dark) .adapt-link{color:#fff}body:not(.light):not(.dark) .adapt-text{color:#fff}}html{--rem-size:18px;font-size:var(--rem-size)}@media screen and (min-width:){html{--rem-size: 20px}}body{padding:0;margin:0;font-family:proxima-nova,sans-serif;font-weight:300;font-size:1rem;line-height:1.6em}h1,h2,h3,h4,h5,h6{font-family:renata,sans-serif;line-height:1.1rem;margin:.5em 0;color:var(--headline-color)}h1{font-size:12vw}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px),screen and (min-width: 768px){h1{font-size:9vw}}@media only screen and (min-device-width: 1025px) and (min-width: 992px){h1{font-size:5.2rem}}@media screen and (min-width: 1200px){h1{font-size:6rem}}h2{font-size:9vw}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px),screen and (min-width: 768px){h2{font-size:6vw}}@media only screen and (min-device-width: 1025px) and (min-width: 992px){h2{font-size:3.3rem}}@media screen and (min-width: 1200px){h2{font-size:4rem}}h3{font-size:7vw}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px),screen and (min-width: 768px){h3{font-size:5vw}}@media only screen and (min-device-width: 1025px) and (min-width: 992px){h3{font-size:2.1rem}}@media screen and (min-width: 1200px){h3{font-size:2.7rem}}h4{font-size:6vw}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px),screen and (min-width: 768px){h4{font-size:4.5vw}}@media only screen and (min-device-width: 1025px) and (min-width: 992px){h4{font-size:1.8rem}}@media screen and (min-width: 1200px){h4{font-size:2rem}}h5{font-size:1.1rem;line-height:1.5em}h6{font-size:1rem;line-height:1.3em}a{color:var(--link-color);font-weight:500}.default-a{display:inline-block;position:relative;color:#2d3c3d;text-decoration:none;-webkit-transition:.2s all;-moz-transition:.2s all;-o-transition:.2s all;transition:.2s all;cursor:pointer}.default-button{font-family:proxima-nova,sans-serif;text-decoration:none;display:inline-flex;background:transparent;font-size:inherit;padding:.5em 1em;position:relative;align-items:center;justify-content:center;cursor:pointer;color:#fff;border:1px solid white;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px}.default-button:hover{color:#50ba8c;background-color:#fff}.top-nav-link{font-family:proxima-nova,sans-serif;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;height:35px;padding:0 .9em .1em;border:1px solid transparent;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;cursor:pointer}.top-nav-link.button,.custom-file-label .custom-file-input .top-nav-link.file-select{border-color:#fff}.top-nav-link.button:hover,.custom-file-label .custom-file-input .top-nav-link.file-select:hover{background-color:#fff;color:#50ba8c}.top-nav-link:hover{border-color:#fff}*{box-sizing:border-box}.container{width:90%;max-width:1200px;margin:auto}.container.full{width:100%;max-width:none}section{padding:3rem 0}section#top{padding:.5em 0}.my-p5{margin-top:.5em;margin-bottom:.5em}.flex{display:flex}.clear-button,.default-button,.top-nav-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none}.text-field,input[type=text],input[type=number],input[type=password],textarea,select{height:auto;font-size:1em;border:0px;border-bottom:2px solid;padding:1em 1.1em .5em;width:100%;font-weight:700;box-shadow:inset 1px 1px 3px #0000;text-align:center;margin-bottom:.3em;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.text-field:focus,input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,textarea:focus,select:focus{outline:none}input[type=submit],textarea[type=submit],select[type=submit]{box-shadow:none}label{display:block;width:100%;font-size:.9em;text-align:center}.form-button{border:0px;min-height:0px;padding:1em 1.1em;line-height:1.2em}.checkbox-container{padding:10px 0 20px;display:flex;flex-direction:row-reverse;justify-content:center;align-items:center}.checkbox-container .new-checkbox{height:34px;width:55px;padding:2px 6px;border:2px solid rgba(0,0,0,.7);background-color:#00000080;margin-right:.5em;cursor:pointer;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;border-radius:30px}.checkbox-container .new-checkbox .switch{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background-color:#cecece;width:25px;height:25px;margin-left:0;cursor:pointer;-webkit-transition:.15s ease-out all;-moz-transition:.15s ease-out all;-o-transition:.15s ease-out all;transition:.15s ease-out all}.checkbox-container .new-checkbox.checked .switch{margin-left:45%;background-color:#32cd32}.checkbox-container input{display:none}.checkbox-container .nf-field-element{width:80px;margin-right:5px}.checkbox-container .nf-field-label{color:inherit}.checkbox-container .nf-field-label label{color:inherit;position:relative;left:auto;top:auto;cursor:pointer}.hr-login-box .nf-form-fields-required,.hr-login-box .ninja-forms-req-symbol{display:none!important}.custom-file-label{position:relative;display:flex;justify-content:center;cursor:pointer;height:auto;min-height:2.5rem;width:100%}.custom-file-label .file-input{color:transparent;opacity:0;visibility:hidden;display:none}.custom-file-label .custom-file-input{display:flex;flex-direction:column;align-items:center;justify-content:center}.custom-file-label .custom-file-input .file-name{flex:2;padding:.5rem 1rem}