@media only screen and (max-width:768px){@font-face{font-family:Montserrat-Bold;src:url(/3320ff5514b32565b0396de4f2064ce17ec9eea4/8f845/fonts/montserrat/montserrat-bold.ttf)}html{margin:0;padding:0;width:100vw;overflow-x:hidden;scroll-behavior:smooth}html *,html :before{box-sizing:border-box}html body{margin:0;padding:0;width:100vw;overflow-x:hidden}html body .elements,html body .extra,html body .nav_desktop{visibility:hidden;animation:gsap 3s ease-in!important}@keyframes gsap{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:visible}}html body .nav_mobile{width:100vw;margin-top:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}html body .nav_mobile .logo{width:100vw;display:flex;flex:row;align-items:baseline;justify-content:space-around}html body .nav_mobile .logo img{width:40%}html body .nav_mobile ul{width:95vw;height:5vh;padding:0;display:flex;position:sticky;top:90vh;flex-direction:row;align-items:center;justify-content:space-evenly;list-style:none;background-color:rgba(253,231,242,.3647058824);border:1px solid #fde0e5;border-radius:10px}html body .nav_mobile ul li a{text-decoration:none;color:#000;font-family:"Atkinson Hyperlegible",sans-serif;transition:.3s linear}html body .nav_mobile ul li a:hover{color:#15d412;border-bottom:2px solid #16d412;transform-origin:scale(5)}html body .nav_desktop{display:none}html body .backgroundtext{position:absolute;z-index:-500;color:#ffecf5;font-size:3.5em;font-family:"dancing script";top:25%}html body .fairy #fairy{max-width:20vw;position:absolute;top:70%;left:80%;transform:translate(-50%,-50%);animation:fly 6s cubic-bezier(.23,.93,.66,.42) infinite}@keyframes fly{30%{transform:translate(-50%,-40%);transform:translateX(-70%)}50%{transform:translate(-50%,-60%);transform:translate(10%,50%)}100%{transform:translate(-50%,-40%);transform:translate(-50%,-50%)}}html body .cls-1{animation:pulsing 1s infinite}@keyframes pulsing{0%{transform:scaleX(1)}50%{transform:scale3d(1,1.06,1.06)}100%{transform:scaleX(1)}}html body .fairy{padding:20px;animation:tada 3s cubic-bezier(.23,.93,.66,.42) infinite}html body .cls-6,html body .cls-7{animation:flash 1.9s cubic-bezier(.23,.93,.66,.42) infinite}html body .cls-10,html body .cls-8,html body .cls-9{animation:flash 2s cubic-bezier(.23,.93,.66,.42) infinite}html body #home{width:100vw;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;margin-bottom:20px}html body #home .textmobile{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100vw}html body #home .textmobile h1{width:100%;text-align:center;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:600;letter-spacing:.03em;font-size:2.5em;line-height:.8em;color:#ff7bba}html body #home .textmobile h2{width:100%;text-align:center;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.05em;font-size:2em;line-height:1.3em}html body #home .text{width:85vw;height:50vh;display:flex;flex-direction:column;align-items:center}html body #home .text h1{display:none;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:600;letter-spacing:.05em;font-size:1em;line-height:.1em;color:#ff7bba}html body #home .text h2{display:none;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:.9em;line-height:.1em}html body #home .text p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.03em;font-size:1.1em;line-height:1.35em}html body #home .text #scroll{text-align:center;font-size:.9em;margin-top:50px;color:#ff7bba}html body #home .text button{width:50vw;padding:3%;background-color:#fff;border:1px solid #1092bd;border-radius:20px;margin:0 10%;transition:.3s linear}html body #home .text button a{text-decoration:none;color:#1092bd;text-transform:uppercase;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:700;font-size:.8em;letter-spacing:.08em}html body #home .text button:hover{transform:scale(.95)}html body #home .right-stuff{width:50vw;display:flex;flex-direction:column;align-items:center;justify-content:center}html body #home .right-stuff #avatar{width:75vw}html body #home .right-stuff #socialmedia{display:none;flex-direction:column;align-items:flex-end;justify-content:space-evenly;height:30vh}html body #home .right-stuff #socialmedia a{transition:.3s linear}html body #home .right-stuff #socialmedia a img{width:3vw}html body #home .right-stuff #socialmedia a:hover{transform:scale(.95)}html body #home .button{position:absolute;z-index:100;top:35vh;left:70vw}html body #home .button button{width:25vw;padding:5%;background-color:#add8e6;border:1px solid #add8e6;border-radius:20px;color:#fff;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;font-size:.6em;letter-spacing:.08em;transition:.3s linear}html body #home .button button:hover{transform:scale(.95)}html body #home .flower{display:none}html body #webdesign{width:100vw;margin:20% 0 20% 0}html body #webdesign h1{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:600;letter-spacing:.05em;font-size:1.5em;line-height:1.1em;color:#ff7bba}html body #webdesign h2{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.05em;font-size:1.1em;line-height:1em}html body #webdesign p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.03em;font-size:1.1em;line-height:1.35em}html body #webdesign button{width:50vw;padding:3%;background-color:#fff;border:1px solid #1092bd;border-radius:20px;margin:0 10%;transition:.3s linear;color:#1092bd;text-transform:uppercase;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:700;font-size:.8em;letter-spacing:.08em}html body #webdesign button a{text-decoration:none;color:#1092bd;text-transform:uppercase;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:700;font-size:.8em;letter-spacing:.08em}html body #webdesign button:hover{transform:scale(.95)}html body #webdesign .project1{width:100vw;display:flex;flex-direction:column-reverse;justify-content:center;align-items:flex-end}html body #webdesign .project1 #text{width:85vw;margin-right:10vw;background-color:#fff;padding:3%;display:flex;flex-direction:column;align-items:center}html body #webdesign .project1 #bg{display:flex;width:100vw;justify-content:center;align-items:center;background-color:#000}html body #webdesign .project1 #bg img{opacity:.5;max-width:100%;height:auto}html body #graphicdesign #creative_layout{display:flex;width:100vw;justify-content:center;align-items:center}html body #about{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}html body #about .row1{display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-evenly;width:100vw}html body #about .row1 .text-box1{width:85vw;display:flex;flex-direction:column;align-items:center}html body #about .row1 .text-box1 h1{text-align:center;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:600;letter-spacing:.03em;font-size:1.8em;line-height:.1em;color:#ff7bba}html body #about .row1 .text-box1 p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.03em;font-size:1.1em;line-height:1.35em}html body #about .row1 .hikingpic{width:65vw}html body #about .row1 .hikingpic img{width:100%}html body #about .row1 #feather{width:15%;z-index:100;position:absolute;top:30%;left:9%}html body #about .row2{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100vw;margin-top:7%}html body #about .row2 .text-box2{width:85vw;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.03em;font-size:1.1em;line-height:1.35em;margin-bottom:10%;display:flex;flex-direction:column;align-items:center}html body #about .row2 img{width:90%}html body #about .row2 .buttons{display:flex;flex-direction:row;justify-content:space-evenly}html body #about .row2 .buttons button{width:50vw;padding:3%;background-color:#fff;border:1px solid #1092bd;border-radius:20px;margin:0 10%;transition:.3s linear}html body #about .row2 .buttons button a{text-decoration:none;color:#1092bd;text-transform:uppercase;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:700;font-size:.8em;letter-spacing:.08em}html body #about .row2 .buttons button:hover{transform:scale(.95)}html body #fleur{display:none}html body .done{width:100vw;display:flex;margin:2%;justify-content:space-evenly}html body .done p{width:85vw;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.03em;font-size:1.1em;line-height:1.35em}html body .done #blank{display:none}html body .brief{display:flex;flex-direction:column;justify-content:center;width:100vw}html body .brief .about-softwares{display:flex;flex-direction:column;width:100vw;justify-content:center;align-items:center}html body .brief .about-softwares h1{font-size:2em}html body .brief .about-softwares .software-list{display:flex;flex-direction:column;width:100vw;justify-content:center;align-items:center}html body .brief .about-softwares .software-list p{width:85vw;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.03em;font-size:1.1em;line-height:1.35em;text-align:center}html body .what-ya-get{width:100vw;margin-top:10%;margin-bottom:10%;display:flex;flex-direction:column}html body .what-ya-get .row1{width:70%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}html body .what-ya-get .row1 #line{background:#8ccadf;width:50px;height:3px}html body .what-ya-get .row1 h1{font-size:1.3em;letter-spacing:.05em;font-family:"Atkinson Hyperlegible",sans-serif;color:#fc98c8}html body .what-ya-get .row2{width:100vw;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:space-evenly}html body .what-ya-get .row2 #column1,html body .what-ya-get .row2 #column2,html body .what-ya-get .row2 #column3,html body .what-ya-get .row2 #column4{width:40%;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:start}html body .what-ya-get .row2 #column1 h2,html body .what-ya-get .row2 #column2 h2,html body .what-ya-get .row2 #column3 h2,html body .what-ya-get .row2 #column4 h2{font-size:110%;letter-spacing:.05em;font-family:"Atkinson Hyperlegible",sans-serif;text-align:center}html body .what-ya-get .row2 #column1 p,html body .what-ya-get .row2 #column2 p,html body .what-ya-get .row2 #column3 p,html body .what-ya-get .row2 #column4 p{font-size:90%;letter-spacing:.04em;font-family:"Atkinson Hyperlegible",sans-serif;text-align:center}html body .testimonials{width:100vw}html body .testimonials #clients{width:100vw;display:flex;flex-direction:column;margin-bottom:40px}html body .testimonials #clients h1{font-size:2.2em;line-height:1em;letter-spacing:.05em;font-family:"Atkinson Hyperlegible",sans-serif;color:#fc98c8;margin:0}html body .testimonials #clients h2{width:100vw;font-size:1.5em;line-height:1em;letter-spacing:.03em;font-family:"Atkinson Hyperlegible",sans-serif;text-align:center;color:#474646;margin:0}html body .testimonials #person{width:100vw;display:flex;flex-direction:column;align-items:center}html body .testimonials #person h3{font-size:2em;letter-spacing:.01em;line-height:1em;font-family:"Atkinson Hyperlegible",sans-serif;color:#fc98c8;margin:0}html body .testimonials #person h4{font-size:1.2em;letter-spacing:.01em;line-height:1em;font-family:"Atkinson Hyperlegible",sans-serif;text-align:center;color:#616161;margin:0}html body .testimonials #person p{width:90vw;font-size:1.2em;letter-spacing:-.01em;line-height:1.5em;font-family:"Atkinson Hyperlegible",sans-serif;text-align:center}html body .endabout{width:100vw;display:flex;justify-content:center;flex-direction:column;align-items:center;margin:10% 0 2% 0}html body .endabout .heart{width:100vw;height:60px;display:flex;align-items:center;justify-content:center}html body .endabout .heart img{max-width:10vw}html body .endabout .privacypolicy{width:100vw;display:flex;align-items:center;justify-content:space-evenly}html body .endabout .privacypolicy a{font-size:.8em;text-align:center;text-decoration:none;color:#000;margin-bottom:10px}html body .endabout p{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1em;text-align:center;color:#0494b8;width:75vw}html body .endabout footer{width:100vw;display:flex;flex-direction:column;justify-content:space-between}html body .endabout footer #footerlogo{display:none}html body .endabout footer ul{list-style:none;flex-direction:row;display:flex;justify-content:space-evenly;width:100vw;padding-left:0}html body .endabout footer ul li a{text-decoration:none;font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.4em;color:#000}html body .endabout footer ul a:hover{color:#15d412;border-bottom:2px solid #16d412;transform-origin:scale(5)}html body .endabout footer #socialmediafooter{display:flex;flex-direction:column;justify-content:space-evenly;width:40vw}html body .endabout footer #socialmediafooter #blockline{display:none}html body .endabout footer #socialmediafooter #buttons{flex-direction:row;display:flex;justify-content:space-between;align-items:flex-start;width:100vw}html body .endabout footer #socialmediafooter #buttons button{padding:0;margin:20px 0 0 0;background-color:transparent;border-color:transparent;transition:.3s linear}html body .endabout footer #socialmediafooter #buttons button img{width:50px;height:50px}html body .endabout footer #socialmediafooter #buttons button:hover{transform:scale(.95);cursor:pointer}html body .endabout footer #socialmediafooter #buttons #fleurfooter{display:none}html body .endabout .buttons{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:50vw}html body .endabout .buttons button{width:15vw;padding:3%;background-color:#fff;border:2px solid #61adc7;border-radius:20px;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;font-size:.8em;letter-spacing:.08em;transition:.3s linear}html body .endabout .buttons button a{text-decoration:none;color:#61adc7}html body .endabout .buttons button:hover{transform:scale(.95)}html body #paperAirplane{z-index:-100;position:absolute;transform:rotate(90deg);top:40vh;left:40vw;width:25%}html body #contact{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw}html body #contact .column1{width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:5%}html body #contact .column1 .text-box1{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw}html body #contact .column1 .text-box1 h1{width:80vw;text-align:center;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:200;letter-spacing:.03em;font-size:1.5em;line-height:2em;color:#ff7bba}html body #contact .column1 .text-box1 h2{text-align:center;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;font-size:1.5em;letter-spacing:.03em;line-height:2em;color:#333}html body #contact .column1 img{width:27%}html body #contact .column2{width:100vw;display:flex;flex-wrap:wrap-reverse;align-items:center;justify-content:center}html body #contact .column2 #wa{width:80%;margin-bottom:30%}html body #contact .column2 .contactme{display:flex;flex-direction:column;width:45vw;height:30vh;justify-content:space-evenly}html body #contact .column2 .contactme #email{display:flex;flex-direction:column;justify-content:flex-start}html body #contact .column2 .contactme #email button{width:30%;transition:.3s linear}html body #contact .column2 .contactme #email button img{width:100%}html body #contact .column2 .contactme #email button:hover{transform:scale(.95)}html body #contact .column2 .contactme #email #myInput{display:none}html body #contact .column2 .contactme #phone{display:flex;flex-direction:column;justify-content:flex-start}html body #contact .column2 .contactme #phone a{width:30%;transition:.3s linear}html body #contact .column2 .contactme #phone a img{width:100%}html body #contact .column2 .contactme #phone a:hover{transform:scale(.95)}html body #contact .column2 .contactme #phone p{display:none}html body #contact .column2 .socialmedia{display:flex;flex-direction:column;justify-content:space-evenly;width:40vw;height:300px}html body #contact .column2 .socialmedia img{width:30%;transition:.3s linear}html body #contact .column2 .socialmedia img:hover{transform:scale(.95)}html body #creativeDesign{font-family:impact;font-size:4em;line-height:1em;margin:0;text-transform:uppercase;color:rgba(255,182,193,.596);width:20vw}html body .design_page{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;margin:5% 0 3% 0}html body .design_page .container{width:85vw;display:flex;flex-direction:column;align-items:center}html body .design_page .container .image_preview{max-width:250px;max-height:300px;overflow:hidden;background-color:rgba(255,202,227,.1764705882);padding:2%;display:flex;border-radius:5%}html body .design_page .container .image_preview img{max-width:100%;border-radius:5%;height:auto}html body .design_page .container .about_project p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.03em;font-size:1em;line-height:1.3em}html body .overlayhumane{-webkit-clip-path:circle(0);clip-path:circle(0);position:fixed;z-index:1000;background:#fff;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;padding:2em}html body .overlayhumane .exithumane{position:absolute;right:2em;top:2em;width:10%;height:auto}html body .overlayhumane .maincontainerhumane{display:flex;flex-direction:column;width:90vw;align-items:center}html body .overlayhumane .maincontainerhumane h2{color:#000;font-size:1.4em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlayhumane .maincontainerhumane h3{color:#000;font-size:1.2em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlayhumane .maincontainerhumane p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:regular;letter-spacing:.03em;font-size:1em;line-height:1.3em}html body .maincontainerhumane{opacity:0;transform:translateY(-30px)}html body .overlaybirdhouse{-webkit-clip-path:circle(0);clip-path:circle(0);position:fixed;z-index:1000;background:#fff;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;padding:2em}html body .overlaybirdhouse .exitbirdhouse{position:absolute;right:2em;top:2em;width:10%;height:auto}html body .overlaybirdhouse .maincontainerbirdhouse{display:flex;flex-direction:column;width:90vw;align-items:center;justify-content:center;margin:0}html body .overlaybirdhouse .maincontainerbirdhouse h2{color:#000;font-size:1.4em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlaybirdhouse .maincontainerbirdhouse h3{color:#000;font-size:1.2em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlaybirdhouse .maincontainerbirdhouse p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:regular;letter-spacing:.03em;font-size:1.2em;line-height:1.4em}html body .overlaybirdhouse .maincontainerbirdhouse .oldsite{display:flex;flex-direction:column;width:90vw;align-items:center;justify-content:space-evenly}html body .overlaybirdhouse .maincontainerbirdhouse .oldsite p{width:90vw;padding:30px;font-size:1.2em;line-height:1.4em}html body .overlaybirdhouse .maincontainerbirdhouse .oldsite .oldsiteimg{width:90vw;display:flex;flex-direction:column;align-items:center;justify-content:space-around}html body .overlaybirdhouse .maincontainerbirdhouse .oldsite .oldsiteimg img{width:100%;border:3px solid #000}html body .overlaybirdhouse .maincontainerbirdhouse .logobird{display:flex;width:90vw;flex-direction:column;align-items:center;justify-content:space-evenly}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col1birdlogo{display:flex;flex-direction:column;width:90vw}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col1birdlogo h2{text-align:center;width:90vw;font-size:1.9em}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col1birdlogo #oldlogo{display:flex;width:90vw;justify-content:center}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col1birdlogo #oldlogo img{width:80%;margin:10px}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col1birdlogo p{width:100%}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col2birdlogo{display:flex;flex-direction:column;width:90vw}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col2birdlogo img{width:100%}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col2birdlogo #styleguides{display:flex;flex-direction:column;width:100%}html body .overlaybirdhouse .maincontainerbirdhouse img{max-width:100vw;margin:20px 0 0 -10px;padding:0;height:auto}html body .maincontainerbirdhouse{opacity:0;transform:translateY(-30px)}html body .overlaybeer{-webkit-clip-path:circle(0);clip-path:circle(0);position:fixed;z-index:1000;background:#fff;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;padding:2em}html body .overlaybeer .exitbeer{position:absolute;right:2em;top:2em;width:10%;height:auto}html body .overlaybeer .maincontainerbeer{display:flex;flex-direction:column;width:90vw;align-items:center}html body .overlaybeer .maincontainerbeer h2{color:#000;font-size:1.4em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlaybeer .maincontainerbeer h3{color:#000;font-size:1.2em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlaybeer .maincontainerbeer p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:regular;letter-spacing:.03em;font-size:1em;line-height:1.3em}html body .maincontainerbeer{opacity:0;transform:translateY(-30px)}html body .overlayfayge{-webkit-clip-path:circle(0);clip-path:circle(0);position:fixed;z-index:1000;background:#fff;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;padding:2em}html body .overlayfayge .exitfayge{position:absolute;right:2em;top:2em;width:10%;height:auto}html body .overlayfayge .maincontainerfayge{display:flex;flex-direction:column;width:90vw;align-items:center}html body .overlayfayge .maincontainerfayge img{max-width:320px;height:auto;margin:1% 0 1% 0}html body .overlayfayge .maincontainerfayge h1,html body .overlayfayge .maincontainerfayge h2,html body .overlayfayge .maincontainerfayge h3,html body .overlayfayge .maincontainerfayge p{width:85vw;margin:2% 0 1% 0;padding:0}html body .overlayfayge .maincontainerfayge h2{color:#000;font-size:1.4em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlayfayge .maincontainerfayge h3{color:#000;font-size:1.2em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlayfayge .maincontainerfayge p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:regular;letter-spacing:.03em;font-size:1em;line-height:1.3em}html body .maincontainerfayge{transform:translateY(-30px)}html body .overlaylogo{-webkit-clip-path:circle(0);clip-path:circle(0);position:fixed;z-index:1000;background:#fff;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;padding:2em}html body .overlaylogo .exitlogo{position:absolute;right:2em;top:2em;width:10%;height:auto}html body .overlaylogo .maincontainerlogo{display:flex;flex-direction:column;width:90vw;align-items:center;margin-bottom:25%}html body .overlaylogo .maincontainerlogo h1{width:90%;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:800;letter-spacing:.05em;font-size:3em;line-height:1em;color:#ff7bba}html body .overlaylogo .maincontainerlogo h2{color:#000;font-size:1.4em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlaylogo .maincontainerlogo h3{color:#000;font-size:1.2em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlaylogo .maincontainerlogo p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:regular;letter-spacing:.03em;font-size:1em;line-height:1.3em}html body .overlaylogo .maincontainerlogo .project_logo{width:100vw;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}html body .overlaylogo .maincontainerlogo .project_logo #text1_logo{width:90vw}html body .overlaylogo .maincontainerlogo .project_logo #textandimages_logo{display:flex;flex-direction:column-reverse;width:100vw;justify-content:center;align-items:center}html body .overlaylogo .maincontainerlogo .project_logo #textandimages_logo #text2_logo{width:90vw}html body .overlaylogo .maincontainerlogo .project_logo #textandimages_logo #images_logo{width:90vw;display:flex;flex-wrap:wrap;justify-content:space-around}html body .overlaylogo .maincontainerlogo .project_logo #textandimages_logo #images_logo img{width:40vw}html body .overlaylogo .maincontainerlogo .project_logo #textandimages2_logo{display:flex;flex-direction:column;width:100vw;justify-content:center;align-items:center}html body .overlaylogo .maincontainerlogo .project_logo #textandimages2_logo #image1_logo{width:90vw;display:flex;justify-content:center}html body .overlaylogo .maincontainerlogo .project_logo #textandimages2_logo #image1_logo img{width:85vw}html body .overlaylogo .maincontainerlogo .project_logo #textandimages2_logo #text3_logo{width:90vw}html body .overlaylogo .maincontainerlogo .project_logo #mockimage_logo{display:flex;width:100vw;justify-content:center}html body .overlaylogo .maincontainerlogo .project_logo #mockimage_logo img{width:90vw;margin:2% 0 3% 0}html body .maincontainerlogo{opacity:0;transform:translateY(-30px)}html body #design{display:flex;flex-direction:column;width:100vw;align-items:center;margin-top:35%;margin-bottom:50px}html body #design .carousel-container{width:200px;margin:auto;overflow:hidden}html body #design .carousel-container .carousel-slide{display:flex;width:100%;height:300px}html body #design .carousel-container .carousel-slide .img{transition:.3s linear}html body #design .carousel-container .carousel-slide .img a img{width:200px}html body #design .carousel-container .carousel-slide .img:hover{transform:scale(.99)}html body #design .buttons{display:flex;flex-direction:row;width:100vw;justify-content:space-around}html body #design .buttons button{width:20vw;height:40px;padding:3%;background-color:#fff;border:2px solid #61adc7;border-radius:15px;color:#61adc7;text-transform:uppercase;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:700;font-size:.8em;letter-spacing:.08em;transition:.3s linear}html body #design .buttons button:hover{transform:scale(.95)}html body #design .list{display:none}html body #DA-title{font-family:impact;font-size:4em;line-height:1em;margin:0;margin-left:5%;text-transform:uppercase;color:rgba(255,182,193,.596);width:20vw;position:absolute;z-index:-100}html body #photography{width:100vw;margin-top:15%}html body #photography .imgBox{width:100%;margin:50px auto 20px}html body #photography .imgBox img{width:100%;box-shadow:0 5px 25px rgba(255,108,243,.158)}html body #photography ul.thumb{margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-evenly}html body #photography ul.thumb li{list-style:none;margin:0 10px}html body #photography ul.thumb li img{border:4px solid #fff;box-shadow:0 5px 25px rgba(255,108,243,.158);transition:.3s linear}html body #photography ul.thumb li img:hover{transform:scale(.95)}html body #digitalart{width:100vw;margin-top:35%}html body #digitalart .imgBox{width:200px;margin:50px auto 20px}html body #digitalart .imgBox img{width:100%;box-shadow:0 5px 25px rgba(255,108,243,.158)}html body #digitalart ul.thumb{margin:0 auto;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly}html body #digitalart ul.thumb li{width:20%;list-style:none;margin:0 5px}html body #digitalart ul.thumb li img{width:100%;border:4px solid #fff;box-shadow:0 5px 25px rgba(255,108,243,.158);transition:.3s linear}html body #digitalart ul.thumb li img:hover{transform:scale(.95)}html body #editorial{display:flex;flex-direction:column;width:100vw;align-items:center;justify-content:center;margin-top:25%}html body #editorial .group{display:flex;flex-direction:column;align-items:center;justify-content:center;width:75vw;margin-top:40px}html body #editorial .group img{width:45%}html body #editorial .group p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.02em;font-size:1.1em;line-height:1.3em}html body #editorial .ello{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:75vw;margin-top:40px}html body #editorial .ello img{width:30%}html body #PD-title{font-family:impact;font-size:4em;line-height:1em;margin:0;margin-left:5%;text-transform:uppercase;color:rgba(255,182,193,.596);width:20vw;position:absolute;z-index:-100}html body #motiondesign{display:flex;flex-direction:column;width:100vw;height:auto;align-items:center;justify-content:center;margin:100px auto 20px}html body #motiondesign .vid1,html body #motiondesign .vid2,html body #motiondesign .vid3,html body #motiondesign .vid4,html body #motiondesign .vid5{width:80vw;margin:10px auto 50px}html body #productdesign{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;margin-top:35%}html body #productdesign a{width:50%;margin-top:40px;margin-bottom:40px}html body #productdesign a img{width:100%}html body #ux{margin:0;padding:0;width:100vw;height:100vh;display:flex;flex-direction:column}html body #ux .row1{display:flex;flex-direction:column-reverse;justify-content:space-evenly;align-items:center}html body #ux .row1 .text{width:85vw;display:flex;flex-direction:column;align-items:baseline;justify-content:center}html body #ux .row1 .text h1{text-align:left;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.03em;font-size:3em;line-height:1em;color:#ff7bba}html body #ux .row1 .text h2{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;font-size:1.5em;letter-spacing:.03em;line-height:1em;color:#333}html body #ux .row1 .text p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.03em;font-size:1.1em;line-height:1.35em}html body #ux .row1 .img{width:35vw}html body #ux .row1 .img img{width:100%}html body #ux .row2{width:100vw;margin:10% 0 10% 0}html body #ux .row2 .project_title{display:flex;justify-content:center}html body #ux .row2 .project_title h1{text-align:center;margin:0;font-family:impact;font-weight:400;letter-spacing:.05em;font-size:2em;line-height:1em;color:rgba(255,188,220,.7176470588);text-transform:uppercase}html body #ux .row2 .projects{float:left;position:relative;width:50%;padding-bottom:30%;margin:1.66%;overflow:hidden;transform:translate(50%,-50%);top:30%}html body #ux .row2 .projects .content{position:absolute;height:90%;width:90%;padding:5%}html body #ux .row2 .projects .content .table{display:table;width:100%;height:100%}html body #ux .row2 .projects .content .table .table-cell{display:table-cell;vertical-align:middle}html body #ux .row2 .projects .content .table .table-cell a img{width:100%;transition:.3s linear}html body #ux .row2 .projects .content .table .table-cell a img:hover{transform:scale(.98)}html body #ux .row2 .projects .content .table .table-cell h3{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.03em;font-size:1em;line-height:1.3em}html body #ux .row2 .projects .content .table .table-cell p{display:none}html body #ux .row2 .projects .content .rs{width:auto;height:auto;max-width:100%;max-height:90%}html body #ux .row2 #recruiter{display:none}html body h1{color:#ffb6c1;font-family:"Atkinson Hyperlegible",sans-serif;font-size:2.5em;font-weight:600;letter-spacing:.02em;text-align:center;width:100vw}html body #hatfieldrm{width:100vw;display:flex;flex-direction:column-reverse;justify-content:space-evenly;align-items:center}html body #hatfieldrm h2{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:400;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body #hatfieldrm p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.03em;font-size:1.1em;line-height:1.35em}html body #hatfieldrm .row1{display:flex;flex-direction:column;width:85vw}html body #hatfieldrm .row1 img{width:85%}html body #hatfieldrm .text{display:flex;flex-direction:column;width:85vw}html body #hatfieldrm2{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center}html body #hatfieldrm2 h2{text-align:center;font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:400;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body #hatfieldrm2 p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.03em;font-size:1.1em;line-height:1.35em}html body #hatfieldrm2 .text{width:85%}html body #hatfieldrm2 .images{display:flex;flex-direction:row;justify-content:space-around;align-items:center;align-content:center;width:95%}html body #hatfieldrm2 .images img{width:20%}html body #hatfieldrm2 .starting{width:95%;display:flex;flex-direction:column;align-items:center;margin-top:5%}html body #hatfieldrm2 .analytics{width:95%;display:flex;flex-direction:column;align-items:center;margin-top:5%}html body .architecture .text{width:100vw;display:flex;align-items:center;justify-content:center}html body .architecture .text p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.03em;font-size:1.1em;line-height:1.35em}html body .architecture h2{text-align:center;font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:400;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body .architecture .imgBox{width:400px;margin:50px auto 20px}html body .architecture .imgBox img{width:100%}html body .architecture ul.thumb{margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-evenly}html body .architecture ul.thumb li{list-style:none;margin:0 10px}html body .architecture ul.thumb li img{transition:.3s linear}html body .architecture ul.thumb li img:hover{transform:scale(.95)}html body .skills{width:100vw;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}html body .skills img{width:100%;height:-moz-fit-content;height:fit-content}html body .skills .text{width:85vw}html body .skills .text h2{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:400;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body .skills .text p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.03em;font-size:1.1em;line-height:1.35em}html body .skills .text ul li{list-style:upper-roman;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.05em;font-size:1em;line-height:1.6em}html body .video{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:50px 0 50px 0}html body .video h2{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:400;text-transform:uppercase;letter-spacing:.03em;line-height:1.2em;text-align:center}html body .video p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.03em;font-size:1.1em;line-height:1.35em}html body .recruiter{width:100vw;display:flex;flex-direction:column-reverse;justify-content:space-evenly;align-items:center}html body .recruiter img{max-width:90%;height:-moz-fit-content;height:fit-content}html body .recruiter .text{width:85vw;display:flex;flex-direction:column;align-items:center}html body .recruiter .text h2{text-align:center;font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:400;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body .recruiter .text p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.03em;font-size:1.1em;line-height:1.35em}html body .insights{width:100vw;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}html body .insights .text{width:85vw}html body .insights .text h2{text-align:center;font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:400;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body .insights .text p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.03em;font-size:1.1em;line-height:1.35em}html body .insights .download-QA{width:50vw}html body .insights .download-QA a{width:100px;height:100px}html body .insights .download-QA a img{width:100px;height:100px;transition:.3s linear}html body .insights .download-QA a img:hover{transform:scale(.95);cursor:pointer}html body .insights .download-QA button{width:100px;height:100px;border:none;background-color:transparent}html body .insights .download-QA button img{width:100px;height:100px;transition:.3s linear}html body .insights .download-QA button img:hover{transform:scale(.95);cursor:pointer}html body .user_research{width:100vw;display:flex;flex-direction:column;align-items:center}html body .user_research .text{width:85vw}html body .user_research .text h2{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:400;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body .user_research .text p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.03em;font-size:1.1em;line-height:1.35em}html body .user_research .images_users{display:flex;flex-direction:column;width:85vw;justify-content:space-evenly}html body .user_research .images_users img{max-width:100%;height:auto}html body .journey_map{display:flex;width:100vw;align-items:center;justify-content:center;margin:10% 0 10% 0}html body .journey_map img{max-width:90%;height:auto}html body .uxfinal{display:flex;flex-direction:column;width:100vw;align-items:center;margin:10% 0 10% 0}html body .uxfinal .text{width:85vw}html body .uxfinal .text h2{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:400;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body .uxfinal .uxfinal_image{width:85vw;display:flex;align-items:center}html body .uxfinal .uxfinal_image img{max-width:85vw;height:auto}html body .finale{display:flex;width:100vw;flex-direction:column;align-items:center;margin-bottom:20%}html body .finale .text{width:85%}html body .finale .text p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.03em;font-size:1.1em;line-height:1.35em}html body .finale .text #quote{font-size:1.4em;color:#2929dd;text-align:center}html body .finale .twoimages{width:85%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;align-content:center}html body .finale .twoimages img{width:40%;height:auto}html body #beerbox{width:100vw;display:flex;flex-direction:column-reverse;justify-content:space-evenly;align-items:center}html body #beerbox h2{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:400;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body #beerbox p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.03em;font-size:1.1em;line-height:1.35em}html body #beerbox .row1{display:flex;flex-direction:column;width:85vw}html body #beerbox .row1 img{max-width:100%}html body #beerbox .text{display:flex;flex-direction:column;width:85vw}html body #blog{min-width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center}html body #blog .headingbanner{min-width:100vw;height:auto;background-image:url("/img/842673b8f51aa5d3ae2586e52097f1985597715e/studio design thinking art.jpg");background-repeat:no-repeat;margin:10px 0 0 0;background-position:center}html body #blog .nav_desktopblog{display:none}html body #blog #contentheading{background-color:rgba(53,53,53,.3882352941);width:-moz-fit-content;width:fit-content;margin-left:20px;padding:0 10px 0 10px}html body #blog #contentheading h1{width:-moz-fit-content;width:fit-content;font-family:"Atkinson Hyperlegible",sans-serif;font-size:2.4em;line-height:1.3em;letter-spacing:.05em;text-align:left;color:#fff;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff}html body #blog #contentheading h2{width:-moz-fit-content;width:fit-content;font-family:"Atkinson Hyperlegible",sans-serif;color:#f7f7f7;letter-spacing:.03em;font-size:1em}html body #blog .aboutblog{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100vw;margin-top:30px}html body #blog .aboutblog #imageabout{width:90vw;height:-moz-fit-content;height:fit-content}html body #blog .aboutblog #imageabout img{width:100%;padding:10px 40px 0 30px}html body #blog .aboutblog #paragraphsabout{width:90vw;height:-moz-fit-content;height:fit-content;padding:10px 10px 10px 10px;background-color:#fff}html body #blog .aboutblog #paragraphsabout p{font-size:1.18em;font-family:"Atkinson Hyperlegible",sans-serif;line-height:1.3em;margin-bottom:15px;color:#014057}html body #blog .aboutblog #inspiringquote{width:90vw;height:-moz-fit-content;height:fit-content}html body #blog .aboutblog #inspiringquote .quoteblock{border:4px solid #8ccadf;padding:10px 10px 10px 10px;background-color:#fff}html body #blog .aboutblog #inspiringquote .quoteblock h3{font-family:Niconne,cursive;letter-spacing:.02em;font-size:2.2em;line-height:1em;margin:0;font-weight:100;text-align:center;color:#e962a3}html body #blog .aboutblog #inspiringquote .quoteblock .flex-container{padding:10px}html body #blog .aboutblog #inspiringquote .quoteblock .flex-container .flex-item .quote{text-align:center;font-family:Verdana,sans-serif;font-size:1.1em;line-height:1.3em;color:#014057}html body #blog .aboutblog #inspiringquote .quoteblock .flex-container .flex-item .buttons{display:flex;align-items:center;justify-content:center;width:100%}html body #blog .aboutblog #inspiringquote .quoteblock .flex-container .flex-item .buttons .js-button{background-color:#8ccadf;border:none;padding:10px 30px 10px 30px;border-radius:15em;margin-top:10px;font-size:1.2em;color:#fff;font-weight:700;-webkit-text-stroke-width:.1px;-webkit-text-stroke-color:#014057}html body #blog .aboutblog #inspiringquote .bloggerlist{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10px}html body #blog .aboutblog #inspiringquote .bloggerlist h2{font-size:1.9em;letter-spacing:.05em;text-decoration:underline;font-family:"Atkinson Hyperlegible",sans-serif;color:#014057;margin:0}html body #blog .aboutblog #inspiringquote .bloggerlist #list{width:-moz-fit-content;width:fit-content;padding:0 8px 8px 40px}html body #blog .aboutblog #inspiringquote .bloggerlist #list a,html body #blog .aboutblog #inspiringquote .bloggerlist #list p{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.1em;line-height:1.4em;color:#e962a3;text-decoration:none;margin-bottom:10px}html body #blog .bloggerpost{display:flex;flex-direction:column;align-items:center}html body #blog .bloggerpost #content,html body #blog .bloggerpost #contenttwo{width:90vw;display:flex;flex-direction:column;align-items:center;justify-content:center}html body #blog .bloggerpost #content h1,html body #blog .bloggerpost #contenttwo h1{font-size:2.2em;line-height:1.5em;text-align:center;font-family:"Atkinson Hyperlegible",sans-serif;color:#fc98c8;margin:0}html body #blog .bloggerpost #content h3,html body #blog .bloggerpost #contenttwo h3{width:100vw;font-size:1.5em;line-height:1.2em;letter-spacing:.03em;font-family:"Atkinson Hyperlegible",sans-serif;text-align:center!important;color:#474646;margin:0}html body #blog .bloggerpost #content p,html body #blog .bloggerpost #contenttwo p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.03em;font-size:1.1em;line-height:1.35em;text-align:left!important;color:#014057}html body #blog .bloggerpost #content img,html body #blog .bloggerpost #contenttwo img{max-width:90%;height:auto}html body #information{display:none;color:#fff;background-color:#fff;opacity:0}}@media screen and (min-width:769px) and (max-width:1500px){@font-face{font-family:Montserrat-Bold;src:url(/3320ff5514b32565b0396de4f2064ce17ec9eea4/8f845/fonts/montserrat/montserrat-bold.ttf)}html{margin:0;padding:0;width:100vw;overflow-x:hidden;scroll-behavior:smooth;background-color:#fff}html *,html :before{box-sizing:border-box;margin:0;padding:0}html body{margin:0;padding:0;width:100vw;overflow:hidden;word-wrap:break-word}html body .nav_desktop{width:100vw;height:10vh;margin:30px 0 20px 0;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}html body .nav_desktop a{width:15vw;transition:.3s linear}html body .nav_desktop a img{width:50%}html body .nav_desktop a:hover{transform:scale(.98)}html body .nav_desktop ul{width:75vw;display:flex;flex-direction:row;align-items:baseline;justify-content:space-evenly;list-style:none}html body .nav_desktop ul li a{text-decoration:none;color:#000;font-family:"Atkinson Hyperlegible",sans-serif;transition:.3s linear;font-size:1.3em}html body .nav_desktop ul li a:hover{color:#15d412;border-bottom:2px solid #16d412;transform-origin:scale(5)}html body .nav_desktop ul li:hover ul{display:block}html body .nav_desktop ul ul{display:none;position:absolute;background-color:rgba(255,255,255,.884);list-style-position:inside;width:200px}html body .nav_desktop ul ul li{padding:15px 10px}html body .nav_desktop ul ul li a{padding:5px 15px 5px 5px}html body .nav_desktop ul ul li a:hover{border-bottom:2px solid #16d412}html body .nav_mobile{display:none}html body .backgroundtext{position:absolute;z-index:-500;color:#fff0f7;font-size:6.5em;font-family:"dancing script";top:25%;left:8%}html body .fairy{position:fixed;z-index:500;top:86vh;left:93vw}html body .fairy #fairy{width:5vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:fly 6s cubic-bezier(.23,.93,.66,.42) infinite}@keyframes fly{30%{transform:translate(-50%,-40%);transform:translateX(-70%)}50%{transform:translate(-50%,-60%);transform:translate(10%,50%)}100%{transform:translate(-50%,-40%);transform:translate(-50%,-50%)}}html body .cls-1{animation:pulsing 1s infinite}@keyframes pulsing{0%{transform:scaleX(1)}50%{transform:scale3d(1,1.06,1.06)}100%{transform:scaleX(1)}}html body .fairy{padding:20px;animation:tada 3s cubic-bezier(.23,.93,.66,.42) infinite}html body .cls-6,html body .cls-7{animation:flash 1.9s cubic-bezier(.23,.93,.66,.42) infinite}html body .cls-10,html body .cls-8,html body .cls-9{animation:flash 2s cubic-bezier(.23,.93,.66,.42) infinite}html body #home{width:100vw;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}html body #home .textmobile{display:none}html body #home .text{width:60vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}html body #home .text h1{width:60%;font-family:Niconne,cursive;font-weight:600;letter-spacing:.05em;font-size:5em;line-height:1.5em;color:#ff7bba}html body #home .text h2{width:60%;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:2.4em;line-height:1.1em;padding-bottom:40px}html body #home .text p{width:60%;font-family:"Atkinson Hyperlegible",sans-serif;letter-spacing:.01em;font-size:1.2em;line-height:1.7em}html body #home .text #scroll{text-align:right;font-size:.8em;margin-top:50px;color:#ff7bba;animation-name:pulse;animation-duration:1s;animation-iteration-count:5;animation-timing-function:ease-in-out;animation-delay:10s;transform-origin:center}@keyframes pulse{0%{transform:scale(1)}25%{transform:scale(2)}50%{transform:scale(1)}75%{transform:scale(2)}100%{transform:scale(1)}}html body #home .text button{width:15vw;padding:3%;background-color:#fff;border:2px solid #61adc7;border-radius:20px;margin-left:25vw;margin-top:40px;transition:.3s linear}html body #home .text button a{text-decoration:none;color:#2b8aaa;text-transform:uppercase;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;font-size:1em;letter-spacing:.08em}html body #home .text button:hover{transform:scale(.95)}html body #home .right-stuff{width:40vw;display:flex;flex-direction:column;align-items:center;justify-content:center}html body #home .right-stuff #avatar{width:35vw}html body #home .right-stuff #socialmedia{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;height:40vh;width:50%}html body #home .right-stuff #socialmedia button{margin:0;transition:.3s linear;background-color:transparent;border:transparent}html body #home .right-stuff #socialmedia button img{width:60px;height:60px}html body #home .right-stuff #socialmedia button:hover{cursor:pointer;transform:scale(.95)}html body #home .flower{position:absolute;z-index:-100;left:-3vw;top:76vh}html body #home .flower img{width:20vw}html body #home .button{position:absolute;z-index:100;top:85vh;left:50vw}html body #home .button button{width:8vw;padding:3%;background-color:#61adc7;border:2px solid #61adc7;border-radius:20px;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;font-size:.8em;letter-spacing:.08em;transition:.3s linear}html body #home .button button:hover{transform:scale(.95)}html body #webdesign{width:100vw;margin:40% 0 50% 0}html body #webdesign h1{color:#ff7bba;margin:0}html body #webdesign h2{color:#000;font-size:1.3em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body #webdesign p{color:#000;font-size:1.3em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body #webdesign button{width:15vw;padding:1% 4%;background-color:transparent;border:2px solid #61adc7;color:#61adc7;text-transform:uppercase;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;font-size:1em;letter-spacing:.08em;border-radius:20px;transition:.3s linear}html body #webdesign button a{text-decoration:none;color:#61adc7;text-transform:uppercase;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;font-size:1em;letter-spacing:.08em}html body #webdesign button:hover{transform:scale(.95)}html body #webdesign .project1{width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}html body #webdesign .project1 #text{width:45vw;margin-right:10vw;background-color:#fff;border-radius:5%;padding:3%;display:flex;flex-direction:column;align-items:center}html body #webdesign .project1 #bg{display:flex;width:100vw;justify-content:center;align-items:center;z-index:-100;position:absolute;background-color:#000;margin:25% 0 20% 0}html body #webdesign .project1 #bg img{opacity:.5;max-width:100%;height:auto}html body #graphicdesign #creative_layout{display:flex;width:100vw;justify-content:center;align-items:center}html body #sectionhome{margin-top:10%;margin-bottom:15%;width:95vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly}html body #sectionhome .top-stuff{width:85%}html body #sectionhome .abilities{width:95%;align-items:center;justify-content:center;display:flex}html body #sectionhome .abilities .left-stuff{width:40%}html body #sectionhome .abilities .left-stuff ul{list-style-image:url(/img/u)}html body #sectionhome .abilities .left-stuff .headline{display:flex;justify-content:space-around;align-items:center;width:100%}html body #sectionhome .abilities .left-stuff .headline .triangle{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:20px solid #ff98e5}html body #sectionhome .abilities .right-stuff{width:40%}html body #sectionhome .abilities .right-stuff img{align-items:center;width:100%}html body #about{width:100vw;margin:2%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}html body #about .row1{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:100vw}html body #about .row1 .text-box1{width:50vw;display:flex;flex-direction:column;align-items:baseline}html body #about .row1 .text-box1 h1{font-family:Niconne,cursive;font-weight:600;letter-spacing:.05em;font-size:3em;line-height:1.5em;color:#ff7bba;padding-bottom:40px}html body #about .row1 .text-box1 p{font-family:"Atkinson Hyperlegible",sans-serif;letter-spacing:.01em;font-size:1.2em;line-height:1.7em}html body #about .row1 .hikingpic{width:45vw}html body #about .row1 .hikingpic img{width:90%}html body #about .row1 #feather{width:8%;z-index:100;position:absolute;top:15%;left:53%}html body #about .row2{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100vw;margin-top:7%}html body #about .row2 .text-box2{width:50vw;font-family:"Atkinson Hyperlegible",sans-serif;letter-spacing:.01em;font-size:1.2em;line-height:1.7em}html body #about .row2 img{width:25%}html body #fleur{position:absolute;z-index:-100;left:-3vw;top:160vh;width:20vw}html body .done{width:100vw;display:flex;margin:2%;justify-content:space-evenly}html body .done p{width:50vw;font-family:"Atkinson Hyperlegible",sans-serif;letter-spacing:.01em;font-size:1.2em;line-height:1.7em}html body .done #blank{width:20%}html body .brief{display:flex;flex-direction:column;width:100vw;margin-top:10%}html body .brief .about-softwares{display:flex;flex-direction:column;height:30vh;width:100vw;justify-content:flex-start;align-items:center}html body .brief .about-softwares h1{font-family:"Atkinson Hyperlegible",sans-serif;font-size:3em;font-weight:700;color:#ff7bba;margin:0;padding-bottom:30px}html body .brief .about-softwares .software-list{display:flex;flex-direction:row;width:100vw;justify-content:space-evenly}html body .brief .about-softwares .software-list p{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.1em;letter-spacing:.01em;padding-bottom:30px}html body .what-ya-get{width:100vw;height:40vh;display:flex;flex-direction:column;margin-bottom:1%}html body .what-ya-get .row1{width:40%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;padding-bottom:30px;padding-top:50px}html body .what-ya-get .row1 #line{background:#8ccadf;width:90px;height:3px}html body .what-ya-get .row1 h1{font-size:2em;letter-spacing:.05em;font-family:"Atkinson Hyperlegible",sans-serif;color:#fc98c8}html body .what-ya-get .row2{width:100vw;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}html body .what-ya-get .row2 #column1,html body .what-ya-get .row2 #column2,html body .what-ya-get .row2 #column3,html body .what-ya-get .row2 #column4{width:20%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:stretch}html body .what-ya-get .row2 #column1 h2,html body .what-ya-get .row2 #column2 h2,html body .what-ya-get .row2 #column3 h2,html body .what-ya-get .row2 #column4 h2{font-size:130%;letter-spacing:.05em;font-family:"Atkinson Hyperlegible",sans-serif;text-align:center;padding-bottom:20px}html body .what-ya-get .row2 #column1 p,html body .what-ya-get .row2 #column2 p,html body .what-ya-get .row2 #column3 p,html body .what-ya-get .row2 #column4 p{font-size:100%;letter-spacing:.04em;font-family:"Atkinson Hyperlegible",sans-serif;text-align:center}html body .testimonials{width:100vw}html body .testimonials #clients{width:50vw;display:flex;flex-direction:column;align-items:flex-start;margin-left:100px;margin-bottom:100px}html body .testimonials #clients h1{font-size:3.4em;letter-spacing:.05em;font-family:"Atkinson Hyperlegible",sans-serif;color:#fc98c8}html body .testimonials #clients h2{font-size:2.4em;letter-spacing:.05em;font-family:"Atkinson Hyperlegible",sans-serif;text-align:center;padding-bottom:20px;color:#474646}html body .testimonials #person{width:100vw;display:flex;flex-direction:column;align-items:center;margin-bottom:10%}html body .testimonials #person h3{font-size:3em;letter-spacing:.01em;font-family:"Atkinson Hyperlegible",sans-serif;color:#fc98c8}html body .testimonials #person h4{font-size:1.5em;letter-spacing:.01em;font-family:"Atkinson Hyperlegible",sans-serif;text-align:center;padding-bottom:20px;color:#616161}html body .testimonials #person p{width:75vw;font-size:1.9em;letter-spacing:-.01em;line-height:1.5em;font-family:"Atkinson Hyperlegible",sans-serif;text-align:center;margin-bottom:20px}html body .endabout{width:100vw;display:flex;justify-content:center;flex-direction:column;align-items:center;margin:4% 0 2% 0}html body .endabout .heart{width:100vw;height:60px;display:flex;align-items:center;justify-content:center}html body .endabout .heart img{max-width:2vw}html body .endabout .privacypolicy{width:100vw;display:flex;align-items:center;justify-content:space-evenly}html body .endabout .privacypolicy a{text-align:center;text-decoration:none;color:#000;margin-bottom:10px}html body .endabout p{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;color:#0494b8}html body .endabout footer{width:90vw;display:flex;justify-content:space-between}html body .endabout footer #footerlogo{display:flex;width:-moz-fit-content;width:fit-content}html body .endabout footer #footerlogo a{max-width:15vw;transition:.3s linear}html body .endabout footer #footerlogo a img{max-width:100%;height:auto}html body .endabout footer #footerlogo a:hover{transform:scale(.95)}html body .endabout footer ul{list-style:none;flex-direction:column;display:flex;justify-content:space-evenly;width:10vw}html body .endabout footer ul li a{text-decoration:none;font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.4em;color:#000}html body .endabout footer ul a:hover{color:#15d412;border-bottom:2px solid #16d412;transform-origin:scale(5)}html body .endabout footer #socialmediafooter{display:flex;flex-direction:column;justify-content:space-evenly;width:40vw}html body .endabout footer #socialmediafooter #blockline{width:15vw;height:5px;background-color:#8ccadf}html body .endabout footer #socialmediafooter #buttons{flex-direction:row;display:flex;justify-content:space-between;align-items:flex-start}html body .endabout footer #socialmediafooter #buttons button{padding:0;margin:30px 0 0 0;background-color:transparent;border-color:transparent;transition:.3s linear}html body .endabout footer #socialmediafooter #buttons button img{width:60px;height:60px}html body .endabout footer #socialmediafooter #buttons button:hover{transform:scale(.95);cursor:pointer}html body .endabout footer #socialmediafooter #buttons #fleurfooter{rotate:270deg;width:15vw}html body .endabout .buttons{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:50vw}html body .endabout .buttons button{width:15vw;padding:3%;background-color:#fff;border:2px solid #61adc7;border-radius:20px;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;font-size:.8em;letter-spacing:.08em;transition:.3s linear}html body .endabout .buttons button a{text-decoration:none;color:#61adc7}html body .endabout .buttons button:hover{transform:scale(.95)}html body #paperAirplane{z-index:-100;position:absolute;top:73vh;width:15%}html body #contact{display:flex;flex-direction:row;justify-content:center;width:100vw}html body #contact .column1{width:60vw;display:flex;flex-direction:column;justify-content:center;margin-top:5%}html body #contact .column1 .text-box1{display:flex;flex-direction:column;justify-content:center;margin-left:13%}html body #contact .column1 .text-box1 h1{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:200;letter-spacing:.03em;font-size:1.5em;line-height:2em;color:#ff7bba}html body #contact .column1 .text-box1 h2{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;font-size:1.5em;letter-spacing:.03em;line-height:2em;color:#333}html body #contact .column1 img{width:27%}html body #contact .column2{width:30vw;height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:space-around}html body #contact .column2 #wa{width:70%}html body #contact .column2 .contactme{display:flex;flex-direction:column;width:23vw;height:15vh;justify-content:space-evenly}html body #contact .column2 .contactme #email{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}html body #contact .column2 .contactme #email button{width:14%;transition:.3s linear}html body #contact .column2 .contactme #email button img{width:100%}html body #contact .column2 .contactme #email button:hover{transform:scale(.95)}html body #contact .column2 .contactme #email #myInput{margin-left:3vw;font-size:.9em;width:65%;color:#6b6b6b}html body #contact .column2 .contactme #phone{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}html body #contact .column2 .contactme #phone a{width:14%;transition:.3s linear}html body #contact .column2 .contactme #phone a img{width:100%}html body #contact .column2 .contactme #phone a:hover{transform:scale(.95)}html body #contact .column2 .contactme #phone p{margin-left:3vw}html body #contact .column2 .socialmedia{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;height:40vh;width:50%}html body #contact .column2 .socialmedia button{margin:0;transition:.3s linear;background-color:transparent;border:transparent}html body #contact .column2 .socialmedia button img{width:60px;height:60px}html body #contact .column2 .socialmedia button:hover{cursor:pointer;transform:scale(.95)}html body #creativeDesign{font-family:impact;font-size:6em;line-height:1em;margin:2%;text-transform:uppercase;color:rgba(255,182,193,.596);width:40vw;float:none}html body .design_page{width:100vw;display:flex;flex-direction:row;align-items:baseline;justify-content:space-evenly;margin:5% 0 3% 0}html body .design_page .container{width:20vw;display:flex;flex-direction:column;align-items:center}html body .design_page .container .image_preview{max-width:250px;max-height:280px;overflow:hidden;background-color:rgba(255,202,227,.1764705882);padding:2%;display:flex;border-radius:5%}html body .design_page .container .image_preview img{max-width:100%;border-radius:5%;height:auto}html body .design_page .container .about_project p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.03em;font-size:1em;line-height:1.3em}html body .overlayhumane{-webkit-clip-path:circle(0);clip-path:circle(0);position:fixed;background:#fff;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;padding:2em}html body .overlayhumane .exithumane{position:absolute;right:2em;top:2em;width:3%;height:auto}html body .overlayhumane .maincontainerhumane{display:flex;flex-direction:column;width:90vw;align-items:center}html body .overlayhumane .maincontainerhumane h2{color:#000;font-size:1.4em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlayhumane .maincontainerhumane h3{color:#000;font-size:1.2em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlayhumane .maincontainerhumane p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:regular;letter-spacing:.03em;font-size:1em;line-height:1.3em}html body .maincontainerhumane{opacity:0;transform:translateY(-30px)}html body .overlaybirdhouse{-webkit-clip-path:circle(0);clip-path:circle(0);position:fixed;background:#fff;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;padding:2em}html body .overlaybirdhouse .exitbirdhouse{position:absolute;right:2em;top:2em;width:3%;height:auto}html body .overlaybirdhouse .maincontainerbirdhouse{display:flex;flex-direction:column;width:90vw;align-items:center;justify-content:center}html body .overlaybirdhouse .maincontainerbirdhouse h2{color:#000;font-size:1.4em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlaybirdhouse .maincontainerbirdhouse h3{color:#000;font-size:1.2em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlaybirdhouse .maincontainerbirdhouse p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:regular;letter-spacing:.03em;font-size:1.2em;line-height:1.4em}html body .overlaybirdhouse .maincontainerbirdhouse .oldsite{display:flex;flex-direction:row;width:90vw;height:90vh;align-items:center;justify-content:space-evenly}html body .overlaybirdhouse .maincontainerbirdhouse .oldsite p{width:50vw;padding:30px;font-size:1.2em;line-height:1.4em}html body .overlaybirdhouse .maincontainerbirdhouse .oldsite .oldsiteimg{width:35vw;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}html body .overlaybirdhouse .maincontainerbirdhouse .oldsite .oldsiteimg img{width:100%;border:3px solid #000}html body .overlaybirdhouse .maincontainerbirdhouse .logobird{display:flex;width:90vw;height:90vh;flex-direction:row;align-items:center;justify-content:space-evenly}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col1birdlogo{display:flex;flex-direction:column;width:50vw}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col1birdlogo h2{text-align:center;width:30vw;font-size:1.9em}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col1birdlogo #oldlogo{display:flex;width:100%;justify-content:center}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col1birdlogo #oldlogo img{width:30%;margin:10px}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col1birdlogo p{padding:30px}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col2birdlogo{display:flex;flex-direction:row;width:40vw}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col2birdlogo img{width:100%}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col2birdlogo #styleguides{display:flex;flex-direction:column;width:100%}html body .overlaybirdhouse .maincontainerbirdhouse img{max-width:45%;height:auto}html body .maincontainerbirdhouse{opacity:0;transform:translateY(-30px)}html body .overlaybeer{-webkit-clip-path:circle(0);clip-path:circle(0);position:fixed;background:#fff;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;padding:2em}html body .overlaybeer .exitbeer{position:absolute;right:2em;top:2em;width:3%;height:auto}html body .overlaybeer .maincontainerbeer{display:flex;flex-direction:column;width:90vw;align-items:center}html body .overlaybeer .maincontainerbeer h2{color:#000;font-size:1.4em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlaybeer .maincontainerbeer h3{color:#000;font-size:1.2em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlaybeer .maincontainerbeer p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:regular;letter-spacing:.03em;font-size:1em;line-height:1.3em}html body .maincontainerbeer{opacity:0;transform:translateY(-30px)}html body .overlayfayge{-webkit-clip-path:circle(0);clip-path:circle(0);position:fixed;background:#fff;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;padding:2em}html body .overlayfayge .exitfayge{position:absolute;right:2em;top:2em;width:3%;height:auto}html body .overlayfayge .maincontainerfayge{display:flex;flex-direction:column;width:90vw;align-items:center}html body .overlayfayge .maincontainerfayge img{max-width:900px;height:auto;margin:1% 0 1% 0}html body .overlayfayge .maincontainerfayge h1,html body .overlayfayge .maincontainerfayge h2,html body .overlayfayge .maincontainerfayge h3,html body .overlayfayge .maincontainerfayge p{width:85vw;margin:2% 0 1% 0;padding:0}html body .overlayfayge .maincontainerfayge h2{color:#000;font-size:1.4em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlayfayge .maincontainerfayge h3{color:#000;font-size:1.2em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlayfayge .maincontainerfayge p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:regular;letter-spacing:.03em;font-size:1em;line-height:1.3em}html body .maincontainerfayge{opacity:0;transform:translateY(-30px)}html body .overlaylogo{-webkit-clip-path:circle(0);clip-path:circle(0);position:fixed;background:#fff;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;padding:2em}html body .overlaylogo .exitlogo{position:absolute;right:2em;top:2em;width:3%;height:auto}html body .overlaylogo .maincontainerlogo{display:flex;flex-direction:column;width:90vw;align-items:center}html body .overlaylogo .maincontainerlogo h1{width:90%;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:800;letter-spacing:.05em;font-size:3em;line-height:1em;color:#ff7bba}html body .overlaylogo .maincontainerlogo h2{color:#000;font-size:1.4em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlaylogo .maincontainerlogo h3{color:#000;font-size:1.2em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlaylogo .maincontainerlogo p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:regular;letter-spacing:.03em;font-size:1em;line-height:1.3em}html body .overlaylogo .maincontainerlogo .project_logo{width:100vw;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}html body .overlaylogo .maincontainerlogo .project_logo #text1_logo{width:75vw}html body .overlaylogo .maincontainerlogo .project_logo #textandimages_logo{display:flex;flex-direction:row;width:100vw;justify-content:center;align-items:center}html body .overlaylogo .maincontainerlogo .project_logo #textandimages_logo #text2_logo{width:40vw}html body .overlaylogo .maincontainerlogo .project_logo #textandimages_logo #images_logo{width:45vw;display:flex;flex-wrap:wrap;justify-content:space-around}html body .overlaylogo .maincontainerlogo .project_logo #textandimages_logo #images_logo img{width:20vw}html body .overlaylogo .maincontainerlogo .project_logo #textandimages2_logo{display:flex;flex-direction:row;width:100vw;justify-content:center;align-items:center}html body .overlaylogo .maincontainerlogo .project_logo #textandimages2_logo #image1_logo{width:45vw;display:flex;justify-content:center}html body .overlaylogo .maincontainerlogo .project_logo #textandimages2_logo #image1_logo img{width:20vw}html body .overlaylogo .maincontainerlogo .project_logo #textandimages2_logo #text3_logo{width:40vw}html body .overlaylogo .maincontainerlogo .project_logo #mockimage_logo{display:flex;width:100vw;justify-content:center}html body .overlaylogo .maincontainerlogo .project_logo #mockimage_logo img{width:60vw;margin:2% 0 3% 0}html body .maincontainerlogo{opacity:0;transform:translateY(-30px)}html body #design{display:flex;flex-direction:column;width:100vw;align-items:center;margin-top:5%}html body #design .carousel-container{width:400px;margin:auto;overflow:hidden}html body #design .carousel-container .carousel-slide{display:flex;width:100%;height:600px}html body #design .carousel-container .carousel-slide .img{transition:.3s linear}html body #design .carousel-container .carousel-slide .img a img{width:400px}html body #design .carousel-container .carousel-slide .img:hover{transform:scale(.99)}html body #design .buttons{display:flex;flex-direction:row;width:50vw;justify-content:space-around}html body #design .buttons button{width:15vw;height:50px;padding:0 25px;background-color:#fff;border:2px solid #61adc7;border-radius:20px;color:#61adc7;text-transform:uppercase;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;font-size:.8em;letter-spacing:.08em;transition:.3s linear}html body #design .buttons button:hover{transform:scale(.95);cursor:pointer}html body #design .list{display:flex;flex-direction:row;width:100vw;justify-content:space-evenly;margin-top:5%;margin-bottom:8%}html body #design .list p{color:#4d99b3;font-size:15px;letter-spacing:1.2px;text-transform:uppercase;font-family:"Atkinson Hyperlegible",sans-serif}html body #DA-title{font-family:impact;font-size:7em;line-height:1em;margin:0;text-transform:uppercase;color:rgba(255,182,193,.596);width:20vw;position:absolute;z-index:-100}html body #photography{width:100vw;margin-top:10%}html body #photography .imgBox{width:600px;margin:50px auto 20px}html body #photography .imgBox img{width:100%}html body #photography ul.thumb{margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-evenly}html body #photography ul.thumb li{list-style:none;margin:0 10px}html body #photography ul.thumb li img{border:4px solid #fff;box-shadow:0 5px 25px rgba(255,108,243,.178);transition:.3s linear}html body #photography ul.thumb li img:hover{transform:scale(.95)}html body #digitalart{width:100vw;margin-top:1%}html body #digitalart .imgBox{width:400px;margin:50px auto 20px}html body #digitalart .imgBox img{width:100%}html body #digitalart ul.thumb{margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-evenly}html body #digitalart ul.thumb li{list-style:none;margin:0 10px}html body #digitalart ul.thumb li img{border:4px solid #fff;box-shadow:0 5px 25px rgba(255,108,243,.185);transition:.3s linear}html body #digitalart ul.thumb li img:hover{transform:scale(.95)}html body #editorial{display:flex;flex-direction:column;width:100vw;align-items:center;justify-content:center}html body #editorial .group{display:flex;flex-direction:column;align-items:center;justify-content:center;width:75vw;margin-top:40px}html body #editorial .group img{width:45%}html body #editorial .group p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.02em;font-size:1.1em;line-height:1.3em}html body #editorial .ello{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:75vw;margin-top:40px}html body #editorial .ello img{width:30%}html body #PD-title{font-family:impact;font-size:7em;line-height:1em;margin:0;text-transform:uppercase;color:rgba(255,182,193,.596);width:20vw;position:absolute;z-index:-100}html body #motiondesign{display:flex;flex-direction:column;width:100vw;height:auto;align-items:center;justify-content:center;margin:90px auto 20px}html body #motiondesign .vid1,html body #motiondesign .vid2,html body #motiondesign .vid3,html body #motiondesign .vid4,html body #motiondesign .vid5{width:40vw;margin:10px auto 50px}html body #productdesign{display:flex;flex-direction:column;width:100vw;align-items:center;justify-content:center}html body #productdesign a{width:30%;margin-top:5%;margin-bottom:5%}html body #productdesign a img{width:100%}html body #ux{margin:5% 0 5% 0;padding:0;width:100vw;display:flex;flex-direction:column;align-items:stretch;justify-content:space-evenly;align-content:center}html body #ux .row1{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;align-content:center;width:100vw}html body #ux .row1 .text{width:45vw;display:flex;flex-direction:column;align-items:baseline;justify-content:flex-end}html body #ux .row1 .text h1{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:200;letter-spacing:.03em;font-size:3em;line-height:1em;color:#ff7bba}html body #ux .row1 .text h2{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;font-size:1.5em;letter-spacing:.03em;line-height:1em;color:#333}html body #ux .row1 .text p{font-family:roboto,sans-serif;font-weight:lighter;font-size:1em;letter-spacing:.02em;line-height:1.3em;color:#3d3d3d}html body #ux .row1 .img{width:35vw;display:flex;align-items:flex-end;justify-content:center;align-content:center}html body #ux .row1 .img img{max-width:25vw;height:auto}html body #ux .row2{width:100vw;margin:5% 0 5% 0}html body #ux .row2 .project_title{display:flex;justify-content:center}html body #ux .row2 .project_title h1{text-align:center;margin:0;font-family:impact;font-weight:400;letter-spacing:.05em;font-size:3em;color:rgba(255,188,220,.7176470588);text-transform:uppercase}html body #ux .row2 .projects{float:left;position:relative;width:30%;padding-bottom:30%;margin:1.66%;overflow:hidden}html body #ux .row2 .projects .content{position:absolute;height:90%;width:90%;padding:5%}html body #ux .row2 .projects .content .table{display:table;width:100%;height:100%}html body #ux .row2 .projects .content .table .table-cell{display:table-cell;vertical-align:middle}html body #ux .row2 .projects .content .table .table-cell a img{width:100%;transition:.3s linear}html body #ux .row2 .projects .content .table .table-cell a img:hover{transform:scale(.98)}html body #ux .row2 .projects .content .table .table-cell h3{display:none}html body #ux .row2 .projects .content .table .table-cell p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.03em;font-size:1em;line-height:1.3em}html body #ux .row2 .projects .content .rs{width:auto;height:auto;max-width:100%;max-height:90%}html body #hatfieldrm{width:100vw;display:flex;flex-direction:row;justify-content:space-evenly}html body #hatfieldrm h2{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:lighter;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body #hatfieldrm p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:.9em;line-height:1.4em;color:#353535}html body #hatfieldrm .row1{display:flex;flex-direction:column;width:45vw}html body #hatfieldrm .row1 img{width:85%}html body #hatfieldrm .text{display:flex;flex-direction:column;width:35vw}html body #hatfieldrm2{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center}html body #hatfieldrm2 h2{text-align:center;font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:lighter;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body #hatfieldrm2 p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:.9em;line-height:1.4em;color:#353535}html body #hatfieldrm2 .text{width:85%}html body #hatfieldrm2 .images{display:flex;flex-direction:row;justify-content:space-around;align-items:center;align-content:center;width:95%}html body #hatfieldrm2 .images img{width:20%}html body #hatfieldrm2 .starting{width:95%;display:flex;flex-direction:column;align-items:center;margin-top:5%}html body #hatfieldrm2 .analytics{width:95%;display:flex;flex-direction:column;align-items:center;margin-top:5%}html body .architecture h2{text-align:center;font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:lighter;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body .architecture .imgBox{width:400px;margin:50px auto 20px}html body .architecture .imgBox img{width:100%}html body .architecture ul.thumb{margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-evenly}html body .architecture ul.thumb li{list-style:none;margin:0 10px}html body .architecture ul.thumb li img{transition:.3s linear}html body .architecture ul.thumb li img:hover{transform:scale(.95)}html body .skills{width:90vw;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}html body .skills img{max-width:30%;height:auto}html body .skills .text{width:35vw}html body .skills .text h2{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:lighter;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body .skills .text p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:.9em;line-height:1.4em;color:#353535}html body .skills .text p .bold{font-size:1.2em;letter-spacing:.06em;color:#ff7bba}html body .skills .text ul li{list-style:upper-roman;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:.9em;line-height:1.6em;color:#353535}html body .video{max-width:100vw;height:auto;display:flex;flex-direction:column;align-items:center;margin:50px 0 50px 0}html body .video h2{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:lighter;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body .video p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:.9em;line-height:1.4em;color:#353535}html body .recruiter{width:100vw;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}html body .recruiter img{max-width:45%;height:auto}html body .recruiter .text{width:35vw;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:center}html body .recruiter .text h2{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:lighter;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body .recruiter .text p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:.9em;line-height:1.4em;color:#353535}html body .recruiter .text img{width:80%}html body .insights{width:100vw;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}html body .insights .text{width:45vw}html body .insights .text h2{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:lighter;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body .insights .text p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:.9em;line-height:1.4em;color:#353535}html body .insights .download-QA{width:15vw}html body .insights .download-QA a{width:100px;height:100px}html body .insights .download-QA a img{width:100px;height:100px;transition:.3s linear}html body .insights .download-QA a img:hover{transform:scale(.95);cursor:pointer}html body .insights .download-QA button{width:100px;height:100px;border:none;background-color:transparent}html body .insights .download-QA button img{width:100px;height:100px;transition:.3s linear}html body .insights .download-QA button img:hover{transform:scale(.95);cursor:pointer}html body .user_research{width:100vw;display:flex;flex-direction:column;align-items:center}html body .user_research .text{width:75vw}html body .user_research .text h2{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:lighter;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body .user_research .text p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:.9em;line-height:1.4em;color:#353535}html body .user_research .images_users{display:flex;flex-direction:row;width:85vw;justify-content:space-evenly}html body .user_research .images_users img{max-width:45%;height:auto}html body .journey_map{display:flex;width:100vw;align-items:center;justify-content:center;margin:10% 0 10% 0}html body .journey_map img{max-width:90%;height:auto}html body .uxfinal{display:flex;flex-direction:column;width:100vw;align-items:center;margin:10% 0 10% 0}html body .uxfinal .text{width:75vw}html body .uxfinal .text h2{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:lighter;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body .uxfinal .uxfinal_image{width:75vw;display:flex;align-items:center}html body .uxfinal .uxfinal_image img{max-width:75vw;height:auto}html body .finale{display:flex;width:100vw;flex-direction:column;align-items:center;margin-bottom:20%}html body .finale .text{width:85%;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:.9em;line-height:1.4em;color:#353535}html body .finale .text #quote{font-size:1.4em;color:#2929dd;text-align:center}html body .finale .twoimages{width:85%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}html body .finale .twoimages img{max-width:40%;height:auto}html body #beerbox{width:90vw;display:flex;flex-direction:row;justify-content:space-evenly}html body #beerbox h2{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:lighter;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body #beerbox p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:.9em;line-height:1.4em;color:#353535}html body #beerbox .row1{display:flex;flex-direction:column;width:45vw}html body #beerbox .row1 img{width:85%}html body #beerbox .text{display:flex;flex-direction:column;width:35vw}html body #blog{width:100vw}html body #blog .headingbanner{min-width:100vw;height:auto;background-image:url("/img/842673b8f51aa5d3ae2586e52097f1985597715e/studio design thinking art.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;padding:10px 0 50px 0;margin:0}html body #blog .nav_desktopblog{width:100vw;height:10vh;margin:10px 0 20px 0;display:flex;flex-direction:row;align-items:center;justify-content:center}html body #blog .nav_desktopblog ul{width:100vw;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;list-style:none}html body #blog .nav_desktopblog ul li{max-width:15%;min-width:13%;text-align:center}html body #blog .nav_desktopblog ul li img{width:100%}html body #blog .nav_desktopblog ul li a{text-decoration:none;color:#fff;font-family:"Atkinson Hyperlegible",sans-serif;transition:.3s linear;font-size:2em}html body #blog .nav_desktopblog ul li a:hover{color:#15d412;border-bottom:2px solid #16d412;transform-origin:scale(5)}html body #blog .nav_desktopblog ul li #blognav{background-color:rgba(0,0,0,.543);padding:2px 10px 2px 10px}html body #blog .nav_desktopblog ul li:hover ul{display:block}html body #blog #contentheading{background-color:rgba(53,53,53,.3882352941);width:-moz-fit-content;width:fit-content;margin-left:80px;padding:0 10px 0 10px}html body #blog #contentheading h1{width:-moz-fit-content;width:fit-content;font-family:"Atkinson Hyperlegible",sans-serif;font-size:6em;line-height:1.3em;letter-spacing:.05em;color:#fff;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#fff}html body #blog #contentheading h2{width:-moz-fit-content;width:fit-content;font-family:"Atkinson Hyperlegible",sans-serif;color:#f7f7f7;letter-spacing:.03em;font-size:2.2em;line-height:2em}html body #blog .aboutblog{display:flex;flex-direction:row;justify-content:space-evenly;width:100vw;margin-top:30px}html body #blog .aboutblog #imageabout{width:40vw;height:-moz-fit-content;height:fit-content}html body #blog .aboutblog #imageabout img{width:100%;padding:10px 40px 0 30px}html body #blog .aboutblog #paragraphsabout{width:35vw;height:-moz-fit-content;height:fit-content;padding:10px 10px 10px 10px;background-color:#fff}html body #blog .aboutblog #paragraphsabout p{font-size:1.3em;font-family:"Atkinson Hyperlegible",sans-serif;line-height:1.3em;margin-bottom:15px;color:#014057}html body #blog .aboutblog #inspiringquote{width:15vw;height:-moz-fit-content;height:fit-content}html body #blog .aboutblog #inspiringquote .quoteblock{border:4px solid #8ccadf;padding:10px 10px 10px 10px;background-color:#fff}html body #blog .aboutblog #inspiringquote .quoteblock h3{font-family:Niconne,cursive;letter-spacing:.02em;font-size:2.2em;font-weight:100;text-align:center;color:#e962a3}html body #blog .aboutblog #inspiringquote .quoteblock .flex-container{padding:10px}html body #blog .aboutblog #inspiringquote .quoteblock .flex-container .flex-item .quote{text-align:center;font-family:Verdana,sans-serif;font-size:1.1em;line-height:1.3em;color:#014057}html body #blog .aboutblog #inspiringquote .quoteblock .flex-container .flex-item .buttons{display:flex;align-items:center;justify-content:center;width:100%}html body #blog .aboutblog #inspiringquote .quoteblock .flex-container .flex-item .buttons .js-button{background-color:#8ccadf;border:none;padding:10px 30px 10px 30px;border-radius:15em;margin-top:10px;font-size:1.2em;color:#fff;font-weight:700;-webkit-text-stroke-width:.1px;-webkit-text-stroke-color:#014057}html body #blog .aboutblog #inspiringquote .bloggerlist{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px}html body #blog .aboutblog #inspiringquote .bloggerlist h2{font-size:1.9em;line-height:2.2em;letter-spacing:.05em;text-decoration:underline;font-family:"Atkinson Hyperlegible",sans-serif;color:#014057}html body #blog .aboutblog #inspiringquote .bloggerlist #list{width:-moz-fit-content;width:fit-content}html body #blog .aboutblog #inspiringquote .bloggerlist #list a,html body #blog .aboutblog #inspiringquote .bloggerlist #list p{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1em;line-height:1.3em;color:#e962a3;text-decoration:none;margin-bottom:10px}html body #blog .bloggerpost{display:flex;flex-direction:column;align-items:center}html body #blog .bloggerpost #content,html body #blog .bloggerpost #contenttwo{width:75vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;margin:30px 0 20px 0;padding:30px}html body #blog .bloggerpost #content h1,html body #blog .bloggerpost #contenttwo h1{font-size:2.2em;line-height:1.5em;text-align:center;font-family:"Atkinson Hyperlegible",sans-serif;color:#fc98c8;margin:0}html body #blog .bloggerpost #content h3,html body #blog .bloggerpost #contenttwo h3{width:100vw;font-size:1.5em;line-height:1.2em;letter-spacing:.03em;font-family:"Atkinson Hyperlegible",sans-serif;text-align:center!important;color:#474646;margin:0}html body #blog .bloggerpost #content p,html body #blog .bloggerpost #contenttwo p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.03em;font-size:1.1em;line-height:1.35em;color:#014057}html body #blog .bloggerpost #content img,html body #blog .bloggerpost #contenttwo img{max-width:90%;height:auto}html body #information{display:none;color:#fff;background-color:#fff;opacity:0}}@media screen and (min-width:1550px){@font-face{font-family:Montserrat-Bold;src:url(/3320ff5514b32565b0396de4f2064ce17ec9eea4/8f845/fonts/montserrat/montserrat-bold.ttf)}html{margin:0;padding:0;width:100vw;overflow-x:hidden;scroll-behavior:smooth}html *,html :before{box-sizing:border-box}html body{margin:0;padding:0;width:100vw;overflow:hidden;word-wrap:break-word}html body .nav_desktop{width:100vw;height:10vh;margin:30px 0 20px 0;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}html body .nav_desktop a{width:15vw;transition:.3s linear}html body .nav_desktop a img{width:50%}html body .nav_desktop a:hover{transform:scale(.98)}html body .nav_desktop ul{width:75vw;display:flex;flex-direction:row;align-items:baseline;justify-content:space-evenly;list-style:none}html body .nav_desktop ul li a{text-decoration:none;color:#000;font-family:"Atkinson Hyperlegible",sans-serif;transition:.3s linear;font-size:2em}html body .nav_desktop ul li a:hover{color:#15d412;border-bottom:2px solid #16d412;transform-origin:scale(5)}html body .nav_desktop ul li:hover ul{display:block}html body .nav_desktop ul ul{display:none;position:absolute;background-color:rgba(255,255,255,.884);list-style-position:inside;width:200px}html body .nav_desktop ul ul li{padding:15px 10px}html body .nav_desktop ul ul li a{padding:5px 15px 5px 5px}html body .nav_desktop ul ul li a:hover{border-bottom:2px solid #16d412}html body .nav_mobile{display:none}html body .backgroundtext{position:absolute;z-index:-500;color:#fff0f7;font-size:6.9em;font-family:"dancing script";top:9%;left:11%}html body .fairy{position:fixed;z-index:500;top:86vh;left:93vw}html body .fairy #fairy{width:5vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:fly 6s cubic-bezier(.23,.93,.66,.42) infinite}@keyframes fly{30%{transform:translate(-50%,-40%);transform:translateX(-70%)}50%{transform:translate(-50%,-60%);transform:translate(10%,50%)}100%{transform:translate(-50%,-40%);transform:translate(-50%,-50%)}}html body .cls-1{animation:pulsing 1s infinite}@keyframes pulsing{0%{transform:scaleX(1)}50%{transform:scale3d(1,1.06,1.06)}100%{transform:scaleX(1)}}html body .fairy{padding:20px;animation:tada 3s cubic-bezier(.23,.93,.66,.42) infinite}html body .cls-6,html body .cls-7{animation:flash 1.9s cubic-bezier(.23,.93,.66,.42) infinite}html body .cls-10,html body .cls-8,html body .cls-9{animation:flash 2s cubic-bezier(.23,.93,.66,.42) infinite}html body #home{width:100vw;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}html body #home .textmobile{display:none}html body #home .text{width:60vw;height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-top:3%}html body #home .text h1{width:60%;font-family:Niconne,cursive;font-weight:600;letter-spacing:.05em;font-size:6.2em;line-height:1.5em;color:#ff7bba;margin:0}html body #home .text h2{width:60%;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:3.4em;line-height:1.1em;padding-bottom:40px;margin:0}html body #home .text p{width:60%;font-family:"Atkinson Hyperlegible",sans-serif;letter-spacing:.01em;font-size:1.2em;line-height:1.7em}html body #home .text #scroll{text-align:right;font-size:.8em;margin-top:50px;color:#ff7bba;animation-name:pulse;animation-duration:1s;animation-iteration-count:5;animation-timing-function:ease-in-out;animation-delay:10s;transform-origin:center}@keyframes pulse{0%{transform:scale(1)}25%{transform:scale(2)}50%{transform:scale(1)}75%{transform:scale(2)}100%{transform:scale(1)}}html body #home .text button{width:15vw;padding:3%;background-color:#fff;border:2px solid #61adc7;border-radius:20px;margin-left:25vw;transition:.3s linear}html body #home .text button a{text-decoration:none;color:#2b8aaa;text-transform:uppercase;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;font-size:1em;letter-spacing:.08em}html body #home .text button:hover{transform:scale(.95)}html body #home .right-stuff{width:40vw;height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}html body #home .right-stuff #avatar{width:33vw}html body #home .right-stuff #socialmedia{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;height:10vh;width:50%}html body #home .right-stuff #socialmedia button{margin:0;transition:.3s linear;background-color:transparent;border:transparent}html body #home .right-stuff #socialmedia button img{width:60px;height:60px}html body #home .right-stuff #socialmedia button:hover{cursor:pointer;transform:scale(.95)}html body #home .flower{position:absolute;z-index:-100;left:-3vw;top:66vh}html body #home .flower img{width:20vw}html body #home .button{position:absolute;z-index:100;top:85vh;left:50vw}html body #home .button button{width:8vw;padding:3%;background-color:#61adc7;border:2px solid #61adc7;border-radius:20px;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;font-size:.8em;letter-spacing:.08em;transition:.3s linear}html body #home .button button:hover{transform:scale(.95)}html body #webdesign{width:100vw;margin:50% 0 60% 0}html body #webdesign h1{color:#ff7bba;margin:0}html body #webdesign h2{color:#000;font-size:1.3em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body #webdesign p{color:#000;font-size:1.3em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body #webdesign button{width:15vw;padding:1% 4%;background-color:transparent;border:2px solid #61adc7;color:#61adc7;text-transform:uppercase;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;font-size:1em;letter-spacing:.08em;border-radius:20px;transition:.3s linear}html body #webdesign button a{text-decoration:none;color:#61adc7;text-transform:uppercase;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;font-size:1em;letter-spacing:.08em}html body #webdesign button:hover{transform:scale(.95)}html body #webdesign .project1{width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}html body #webdesign .project1 #text{width:45vw;margin-right:10vw;background-color:#fff;border-radius:5%;padding:3%;display:flex;flex-direction:column;align-items:center}html body #webdesign .project1 #bg{display:flex;width:100vw;justify-content:center;align-items:center;z-index:-100;position:absolute;background-color:#000;margin:25% 0 20% 0}html body #webdesign .project1 #bg img{opacity:.5;max-width:100%;height:auto}html body #graphicdesign #creative_layout{display:flex;width:100vw;justify-content:center;align-items:center}html body #sectionhome{margin-top:10%;margin-bottom:15%;width:95vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly}html body #sectionhome .top-stuff{width:85%}html body #sectionhome .abilities{width:95%;align-items:center;justify-content:center;display:flex}html body #sectionhome .abilities .left-stuff{width:40%}html body #sectionhome .abilities .left-stuff ul{list-style-image:url(/img/u)}html body #sectionhome .abilities .left-stuff .headline{display:flex;justify-content:space-around;align-items:center;width:100%}html body #sectionhome .abilities .left-stuff .headline .triangle{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:20px solid #ff98e5}html body #sectionhome .abilities .right-stuff{width:40%}html body #sectionhome .abilities .right-stuff img{align-items:center;width:100%}html body #about{width:100vw;margin:2%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}html body #about .row1{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:100vw}html body #about .row1 .text-box1{width:50vw;display:flex;flex-direction:column;align-items:baseline}html body #about .row1 .text-box1 h1{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:600;letter-spacing:.05em;font-size:5em;line-height:.1em;color:#ff7bba}html body #about .row1 .text-box1 p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.03em;font-size:1.5em;line-height:1.7em}html body #about .row1 .hikingpic{width:45vw}html body #about .row1 .hikingpic img{width:90%}html body #about .row1 #feather{width:8%;z-index:-100;position:absolute;top:13%}html body #about .row2{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100vw;margin-top:7%}html body #about .row2 .text-box2{width:50vw;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.03em;font-size:1.5em;line-height:1.7em}html body #about .row2 img{width:30%}html body #fleur{position:absolute;z-index:-100;left:-3vw;top:195vh;width:20vw}html body .done{width:100vw;display:flex;margin:2%;justify-content:space-evenly}html body .done p{width:50vw;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.03em;font-size:1.5em;line-height:1.7em}html body .done #blank{width:20%}html body .brief{display:flex;flex-direction:column;width:100vw;margin-top:10%}html body .brief .about-softwares{display:flex;flex-direction:column;height:30vh;width:100vw;justify-content:flex-start;align-items:center}html body .brief .about-softwares h1{font-family:"Atkinson Hyperlegible",sans-serif;font-size:3.5em;font-weight:700;color:#ff7bba;margin:0}html body .brief .about-softwares .software-list{display:flex;flex-direction:row;width:100vw;justify-content:space-evenly}html body .brief .about-softwares .software-list p{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.5em;letter-spacing:.05em}html body .what-ya-get{width:100vw;height:40vh;display:flex;flex-direction:column;margin-bottom:15%}html body .what-ya-get .row1{width:50%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}html body .what-ya-get .row1 #line{background:#8ccadf;width:250px;height:6px}html body .what-ya-get .row1 h1{font-size:2.8em;letter-spacing:.05em;font-family:"Atkinson Hyperlegible",sans-serif;color:#fc98c8}html body .what-ya-get .row2{width:100vw;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}html body .what-ya-get .row2 #column1,html body .what-ya-get .row2 #column2,html body .what-ya-get .row2 #column3,html body .what-ya-get .row2 #column4{width:20%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:stretch}html body .what-ya-get .row2 #column1 h2,html body .what-ya-get .row2 #column2 h2,html body .what-ya-get .row2 #column3 h2,html body .what-ya-get .row2 #column4 h2{font-size:1.8em;letter-spacing:.05em;font-family:"Atkinson Hyperlegible",sans-serif;text-align:center}html body .what-ya-get .row2 #column1 p,html body .what-ya-get .row2 #column2 p,html body .what-ya-get .row2 #column3 p,html body .what-ya-get .row2 #column4 p{font-size:1.3em;letter-spacing:.04em;line-height:1.4em;font-family:"Atkinson Hyperlegible",sans-serif;text-align:center}html body .testimonials{width:100vw}html body .testimonials #clients{width:50vw;display:flex;flex-direction:column;align-items:flex-start;margin-left:100px}html body .testimonials #clients h1{font-size:3.4em;letter-spacing:.05em;font-family:"Atkinson Hyperlegible",sans-serif;color:#fc98c8;margin:0}html body .testimonials #clients h2{font-size:2.4em;letter-spacing:.05em;font-family:"Atkinson Hyperlegible",sans-serif;text-align:center;padding-bottom:20px;color:#474646;margin:0}html body .testimonials #person{width:100vw;display:flex;flex-direction:column;align-items:center}html body .testimonials #person h3{font-size:3.2em;letter-spacing:.01em;font-family:"Atkinson Hyperlegible",sans-serif;color:#fc98c8;margin:0}html body .testimonials #person h4{font-size:1.8em;letter-spacing:.01em;line-height:1em;font-family:"Atkinson Hyperlegible",sans-serif;text-align:center;color:#616161;margin:0}html body .testimonials #person p{width:75vw;font-size:2em;letter-spacing:-.01em;line-height:1.5em;font-family:"Atkinson Hyperlegible",sans-serif;text-align:center;margin-bottom:20px}html body .endabout{width:100vw;display:flex;justify-content:center;flex-direction:column;align-items:center;margin:4% 0 2% 0}html body .endabout .heart{width:100vw;height:60px;display:flex;align-items:center;justify-content:center}html body .endabout .heart img{max-width:2vw}html body .endabout .privacypolicy{width:100vw;display:flex;align-items:center;justify-content:space-evenly}html body .endabout .privacypolicy a{text-align:center;text-decoration:none;color:#000;margin-bottom:10px}html body .endabout p{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;color:#0494b8}html body .endabout footer{width:90vw;display:flex;justify-content:space-between}html body .endabout footer #footerlogo{display:flex;width:-moz-fit-content;width:fit-content}html body .endabout footer #footerlogo a{max-width:15vw;transition:.3s linear}html body .endabout footer #footerlogo a img{max-width:100%;height:auto}html body .endabout footer #footerlogo a:hover{transform:scale(.95)}html body .endabout footer ul{list-style:none;flex-direction:column;display:flex;justify-content:space-evenly;width:10vw}html body .endabout footer ul li a{text-decoration:none;font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.4em;color:#000}html body .endabout footer ul a:hover{color:#15d412;border-bottom:2px solid #16d412;transform-origin:scale(5)}html body .endabout footer #socialmediafooter{display:flex;flex-direction:column;justify-content:space-evenly;width:40vw}html body .endabout footer #socialmediafooter #blockline{width:15vw;height:5px;background-color:#8ccadf}html body .endabout footer #socialmediafooter #buttons{flex-direction:row;display:flex;justify-content:space-between;align-items:flex-start}html body .endabout footer #socialmediafooter #buttons button{padding:0;margin:30px 0 0 0;background-color:transparent;border-color:transparent;transition:.3s linear}html body .endabout footer #socialmediafooter #buttons button img{width:60px;height:60px}html body .endabout footer #socialmediafooter #buttons button:hover{transform:scale(.95);cursor:pointer}html body .endabout footer #socialmediafooter #buttons #fleurfooter{rotate:270deg;width:15vw}html body .endabout .buttons{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:50vw}html body .endabout .buttons button{width:15vw;padding:3%;background-color:#fff;border:2px solid #61adc7;border-radius:20px;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;font-size:.8em;letter-spacing:.08em;transition:.3s linear}html body .endabout .buttons button a{text-decoration:none;color:#61adc7}html body .endabout .buttons button:hover{transform:scale(.95)}html body #paperAirplane{z-index:-100;position:absolute;top:73vh;width:15%}html body #contact{display:flex;flex-direction:row;justify-content:center;width:100vw}html body #contact .column1{width:60vw;display:flex;flex-direction:column;justify-content:center;margin-top:5%}html body #contact .column1 .text-box1{display:flex;flex-direction:column;justify-content:center;margin-left:13%}html body #contact .column1 .text-box1 h1{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:500;letter-spacing:.03em;font-size:2.5em;line-height:2em;color:#ff7bba}html body #contact .column1 .text-box1 h2{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:300;font-size:2.3em;letter-spacing:.03em;line-height:2em;color:#333}html body #contact .column1 img{width:27%}html body #contact .column2{width:30vw;height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:space-around}html body #contact .column2 #wa{width:70%}html body #contact .column2 .contactme{display:flex;flex-direction:column;width:23vw;height:15vh;justify-content:space-evenly}html body #contact .column2 .contactme #email{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}html body #contact .column2 .contactme #email button{width:14%;transition:.3s linear}html body #contact .column2 .contactme #email button img{width:100%}html body #contact .column2 .contactme #email button:hover{transform:scale(.95)}html body #contact .column2 .contactme #email #myInput{margin-left:3vw;font-size:1.7em;width:65%;color:#6b6b6b}html body #contact .column2 .contactme #phone{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}html body #contact .column2 .contactme #phone a{width:14%;transition:.3s linear}html body #contact .column2 .contactme #phone a img{width:100%}html body #contact .column2 .contactme #phone a:hover{transform:scale(.95)}html body #contact .column2 .contactme #phone p{margin-left:3vw;font-size:1.7em}html body #contact .column2 .socialmedia{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;height:40vh;width:80%}html body #contact .column2 .socialmedia button{margin:0;transition:.3s linear;background-color:transparent;border:transparent}html body #contact .column2 .socialmedia button img{width:75px;height:75px}html body #contact .column2 .socialmedia button:hover{cursor:pointer;transform:scale(.95)}html body #creativeDesign{font-family:impact;font-size:6em;line-height:1em;margin:2%;text-transform:uppercase;color:rgba(255,182,193,.596);width:40vw;float:none}html body .design_page{width:100vw;display:flex;flex-direction:row;align-items:baseline;justify-content:space-evenly;margin:5% 0 3% 0}html body .design_page .container{width:20vw;display:flex;flex-direction:column;align-items:center}html body .design_page .container .image_preview{max-width:250px;max-height:280px;overflow:hidden;background-color:rgba(255,202,227,.1764705882);padding:2%;display:flex;border-radius:5%}html body .design_page .container .image_preview img{max-width:100%;border-radius:5%;height:auto}html body .design_page .container .about_project p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.03em;font-size:1em;line-height:1.3em}html body .overlayhumane{-webkit-clip-path:circle(0);clip-path:circle(0);position:fixed;background:#fff;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;padding:2em}html body .overlayhumane .exithumane{position:absolute;right:2em;top:2em;width:3%;height:auto}html body .overlayhumane .maincontainerhumane{display:flex;flex-direction:column;width:90vw;align-items:center}html body .overlayhumane .maincontainerhumane h2{color:#000;font-size:1.4em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlayhumane .maincontainerhumane h3{color:#000;font-size:1.2em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlayhumane .maincontainerhumane p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:regular;letter-spacing:.03em;font-size:1em;line-height:1.3em}html body .maincontainerhumane{opacity:0;transform:translateY(-30px)}html body .overlaybirdhouse{-webkit-clip-path:circle(0);clip-path:circle(0);position:fixed;background:#fff;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;padding:2em}html body .overlaybirdhouse .exitbirdhouse{position:absolute;right:2em;top:2em;width:3%;height:auto}html body .overlaybirdhouse .maincontainerbirdhouse{display:flex;flex-direction:column;width:90vw;align-items:center;justify-content:center}html body .overlaybirdhouse .maincontainerbirdhouse h2{color:#000;font-size:1.4em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlaybirdhouse .maincontainerbirdhouse h3{color:#000;font-size:1.2em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlaybirdhouse .maincontainerbirdhouse p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:regular;letter-spacing:.03em;font-size:1.2em;line-height:1.4em}html body .overlaybirdhouse .maincontainerbirdhouse .oldsite{display:flex;flex-direction:row;width:90vw;height:90vh;align-items:center;justify-content:space-evenly}html body .overlaybirdhouse .maincontainerbirdhouse .oldsite p{width:50vw;padding:30px;font-size:1.2em;line-height:1.4em}html body .overlaybirdhouse .maincontainerbirdhouse .oldsite .oldsiteimg{width:35vw;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}html body .overlaybirdhouse .maincontainerbirdhouse .oldsite .oldsiteimg img{width:100%;border:3px solid #000}html body .overlaybirdhouse .maincontainerbirdhouse .logobird{display:flex;width:90vw;height:90vh;flex-direction:row;align-items:center;justify-content:space-evenly}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col1birdlogo{display:flex;flex-direction:column;width:50vw}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col1birdlogo h2{text-align:center;width:30vw;font-size:1.9em}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col1birdlogo #oldlogo{display:flex;width:100%;justify-content:center}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col1birdlogo #oldlogo img{width:30%;margin:10px}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col1birdlogo p{padding:30px}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col2birdlogo{display:flex;flex-direction:row;width:40vw}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col2birdlogo img{width:100%}html body .overlaybirdhouse .maincontainerbirdhouse .logobird .col2birdlogo #styleguides{display:flex;flex-direction:column;width:100%}html body .overlaybirdhouse .maincontainerbirdhouse img{max-width:45%;height:auto}html body .maincontainerbirdhouse{opacity:0;transform:translateY(-30px)}html body .overlaybeer{-webkit-clip-path:circle(0);clip-path:circle(0);position:fixed;background:#fff;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;padding:2em}html body .overlaybeer .exitbeer{position:absolute;right:2em;top:2em;width:3%;height:auto}html body .overlaybeer .maincontainerbeer{display:flex;flex-direction:column;width:90vw;align-items:center}html body .overlaybeer .maincontainerbeer h2{color:#000;font-size:1.4em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlaybeer .maincontainerbeer h3{color:#000;font-size:1.2em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlaybeer .maincontainerbeer p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:regular;letter-spacing:.03em;font-size:1em;line-height:1.3em}html body .maincontainerbeer{opacity:0;transform:translateY(-30px)}html body .overlayfayge{-webkit-clip-path:circle(0);clip-path:circle(0);position:fixed;background:#fff;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;padding:2em}html body .overlayfayge .exitfayge{position:absolute;right:2em;top:2em;width:3%;height:auto}html body .overlayfayge .maincontainerfayge{display:flex;flex-direction:column;width:90vw;align-items:center}html body .overlayfayge .maincontainerfayge img{max-width:900px;height:auto;margin:1% 0 1% 0}html body .overlayfayge .maincontainerfayge h1,html body .overlayfayge .maincontainerfayge h2,html body .overlayfayge .maincontainerfayge h3,html body .overlayfayge .maincontainerfayge p{width:85vw;margin:2% 0 1% 0;padding:0}html body .overlayfayge .maincontainerfayge h2{color:#000;font-size:1.4em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlayfayge .maincontainerfayge h3{color:#000;font-size:1.2em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlayfayge .maincontainerfayge p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:regular;letter-spacing:.03em;font-size:1em;line-height:1.3em}html body .maincontainerfayge{opacity:0;transform:translateY(-30px)}html body .overlaylogo{-webkit-clip-path:circle(0);clip-path:circle(0);position:fixed;background:#fff;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;padding:2em}html body .overlaylogo .exitlogo{position:absolute;right:2em;top:2em;width:3%;height:auto}html body .overlaylogo .maincontainerlogo{display:flex;flex-direction:column;width:90vw;align-items:center}html body .overlaylogo .maincontainerlogo h1{width:90%;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:800;letter-spacing:.05em;font-size:3em;line-height:1em;color:#ff7bba}html body .overlaylogo .maincontainerlogo h2{color:#000;font-size:1.4em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlaylogo .maincontainerlogo h3{color:#000;font-size:1.2em;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em}html body .overlaylogo .maincontainerlogo p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:regular;letter-spacing:.03em;font-size:1em;line-height:1.3em}html body .overlaylogo .maincontainerlogo .project_logo{width:100vw;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}html body .overlaylogo .maincontainerlogo .project_logo #text1_logo{width:75vw}html body .overlaylogo .maincontainerlogo .project_logo #textandimages_logo{display:flex;flex-direction:row;width:100vw;justify-content:center;align-items:center}html body .overlaylogo .maincontainerlogo .project_logo #textandimages_logo #text2_logo{width:40vw}html body .overlaylogo .maincontainerlogo .project_logo #textandimages_logo #images_logo{width:45vw;display:flex;flex-wrap:wrap;justify-content:space-around}html body .overlaylogo .maincontainerlogo .project_logo #textandimages_logo #images_logo img{width:20vw}html body .overlaylogo .maincontainerlogo .project_logo #textandimages2_logo{display:flex;flex-direction:row;width:100vw;justify-content:center;align-items:center}html body .overlaylogo .maincontainerlogo .project_logo #textandimages2_logo #image1_logo{width:45vw;display:flex;justify-content:center}html body .overlaylogo .maincontainerlogo .project_logo #textandimages2_logo #image1_logo img{width:20vw}html body .overlaylogo .maincontainerlogo .project_logo #textandimages2_logo #text3_logo{width:40vw}html body .overlaylogo .maincontainerlogo .project_logo #mockimage_logo{display:flex;width:100vw;justify-content:center}html body .overlaylogo .maincontainerlogo .project_logo #mockimage_logo img{width:60vw;margin:2% 0 3% 0}html body .maincontainerlogo{opacity:0;transform:translateY(-30px)}html body #design{display:flex;flex-direction:column;width:100vw;align-items:center;margin-top:5%}html body #design .carousel-container{width:400px;margin:auto;overflow:hidden}html body #design .carousel-container .carousel-slide{display:flex;width:100%;height:600px}html body #design .carousel-container .carousel-slide .img{transition:.3s linear}html body #design .carousel-container .carousel-slide .img a img{width:400px}html body #design .carousel-container .carousel-slide .img:hover{transform:scale(.99)}html body #design .buttons{display:flex;flex-direction:row;width:50vw;justify-content:space-around}html body #design .buttons button{width:15vw;height:50px;padding:0 25px;background-color:#fff;border:2px solid #61adc7;border-radius:20px;color:#61adc7;text-transform:uppercase;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;font-size:.8em;letter-spacing:.08em;transition:.3s linear}html body #design .buttons button:hover{transform:scale(.95);cursor:pointer}html body #design .list{display:flex;flex-direction:row;width:100vw;justify-content:space-evenly;margin-top:5%;margin-bottom:8%}html body #design .list p{color:#4d99b3;font-size:15px;letter-spacing:1.2px;text-transform:uppercase;font-family:"Atkinson Hyperlegible",sans-serif}html body #DA-title{font-family:impact;font-size:7em;line-height:1em;margin:0;text-transform:uppercase;color:rgba(255,182,193,.596);width:20vw;position:absolute;z-index:-100}html body #photography{width:100vw;margin-top:10%}html body #photography .imgBox{width:600px;margin:50px auto 20px}html body #photography .imgBox img{width:100%}html body #photography ul.thumb{margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-evenly}html body #photography ul.thumb li{list-style:none;margin:0 10px}html body #photography ul.thumb li img{border:4px solid #fff;box-shadow:0 5px 25px rgba(255,108,243,.178);transition:.3s linear}html body #photography ul.thumb li img:hover{transform:scale(.95)}html body #digitalart{width:100vw;margin-top:1%}html body #digitalart .imgBox{width:400px;margin:50px auto 20px}html body #digitalart .imgBox img{width:100%}html body #digitalart ul.thumb{margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-evenly}html body #digitalart ul.thumb li{list-style:none;margin:0 10px}html body #digitalart ul.thumb li img{border:4px solid #fff;box-shadow:0 5px 25px rgba(255,108,243,.185);transition:.3s linear}html body #digitalart ul.thumb li img:hover{transform:scale(.95)}html body #editorial{display:flex;flex-direction:column;width:100vw;align-items:center;justify-content:center}html body #editorial .group{display:flex;flex-direction:column;align-items:center;justify-content:center;width:75vw;margin-top:40px}html body #editorial .group img{width:45%}html body #editorial .group p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.02em;font-size:1.1em;line-height:1.3em}html body #editorial .ello{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:75vw;margin-top:40px}html body #editorial .ello img{width:30%}html body #PD-title{font-family:impact;font-size:7em;line-height:1em;margin:0;text-transform:uppercase;color:rgba(255,182,193,.596);width:20vw;position:absolute;z-index:-100}html body #motiondesign{display:flex;flex-direction:column;width:100vw;height:auto;align-items:center;justify-content:center;margin:90px auto 20px}html body #motiondesign .vid1,html body #motiondesign .vid2,html body #motiondesign .vid3,html body #motiondesign .vid4,html body #motiondesign .vid5{width:40vw;margin:10px auto 50px}html body #productdesign{display:flex;flex-direction:column;width:100vw;align-items:center;justify-content:center}html body #productdesign a{width:30%;margin-top:5%;margin-bottom:5%}html body #productdesign a img{width:100%}html body #ux{margin:5% 0 5% 0;padding:0;width:100vw;display:flex;flex-direction:column;align-items:stretch;justify-content:space-evenly;align-content:center}html body #ux .row1{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;align-content:center;width:100vw}html body #ux .row1 .text{width:45vw;display:flex;flex-direction:column;align-items:baseline;justify-content:flex-end}html body #ux .row1 .text h1{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:200;letter-spacing:.03em;font-size:3em;line-height:1em;color:#ff7bba}html body #ux .row1 .text h2{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;font-size:1.5em;letter-spacing:.03em;line-height:1em;color:#333}html body #ux .row1 .text p{font-family:roboto,sans-serif;font-weight:lighter;font-size:1em;letter-spacing:.02em;line-height:1.3em;color:#3d3d3d}html body #ux .row1 .img{width:35vw;display:flex;align-items:flex-end;justify-content:center;align-content:center}html body #ux .row1 .img img{max-width:25vw;height:auto}html body #ux .row2{width:100vw;margin:5% 0 5% 0}html body #ux .row2 .project_title{display:flex;justify-content:center}html body #ux .row2 .project_title h1{text-align:center;margin:0;font-family:impact;font-weight:400;letter-spacing:.05em;font-size:3em;color:rgba(255,188,220,.7176470588);text-transform:uppercase}html body #ux .row2 .projects{float:left;position:relative;width:30%;padding-bottom:30%;margin:1.66%;overflow:hidden}html body #ux .row2 .projects .content{position:absolute;height:90%;width:90%;padding:5%}html body #ux .row2 .projects .content .table{display:table;width:100%;height:100%}html body #ux .row2 .projects .content .table .table-cell{display:table-cell;vertical-align:middle}html body #ux .row2 .projects .content .table .table-cell a img{width:100%;transition:.3s linear}html body #ux .row2 .projects .content .table .table-cell a img:hover{transform:scale(.98)}html body #ux .row2 .projects .content .table .table-cell h3{display:none}html body #ux .row2 .projects .content .table .table-cell p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.03em;font-size:1em;line-height:1.3em}html body #ux .row2 .projects .content .rs{width:auto;height:auto;max-width:100%;max-height:90%}html body h1{color:#ffb6c1;font-family:"Atkinson Hyperlegible",sans-serif;font-size:2.5em;font-weight:600;letter-spacing:.02em;float:right;margin-right:15%}html body #hatfieldrm{width:100vw;display:flex;flex-direction:row;justify-content:space-evenly}html body #hatfieldrm h2{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:lighter;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body #hatfieldrm p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:.9em;line-height:1.4em;color:#353535}html body #hatfieldrm .row1{display:flex;flex-direction:column;width:45vw}html body #hatfieldrm .row1 img{width:85%}html body #hatfieldrm .text{display:flex;flex-direction:column;width:35vw}html body #hatfieldrm2{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center}html body #hatfieldrm2 h2{text-align:center;font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:lighter;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body #hatfieldrm2 p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:.9em;line-height:1.4em;color:#353535}html body #hatfieldrm2 .text{width:85%}html body #hatfieldrm2 .images{display:flex;flex-direction:row;justify-content:space-around;align-items:center;align-content:center;width:95%}html body #hatfieldrm2 .images img{width:20%}html body #hatfieldrm2 .starting{width:95%;display:flex;flex-direction:column;align-items:center;margin-top:5%}html body #hatfieldrm2 .analytics{width:95%;display:flex;flex-direction:column;align-items:center;margin-top:5%}html body .architecture h2{text-align:center;font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:lighter;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body .architecture .imgBox{width:400px;margin:50px auto 20px}html body .architecture .imgBox img{width:100%}html body .architecture ul.thumb{margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-evenly}html body .architecture ul.thumb li{list-style:none;margin:0 10px}html body .architecture ul.thumb li img{transition:.3s linear}html body .architecture ul.thumb li img:hover{transform:scale(.95)}html body .skills{width:90vw;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}html body .skills img{max-width:30%;height:auto}html body .skills .text{width:35vw}html body .skills .text h2{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:lighter;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body .skills .text p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:.9em;line-height:1.4em;color:#353535}html body .skills .text p .bold{font-size:1.2em;letter-spacing:.06em;color:#ff7bba}html body .skills .text ul li{list-style:upper-roman;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:.9em;line-height:1.6em;color:#353535}html body .video{max-width:100vw;height:auto;display:flex;flex-direction:column;align-items:center;margin:50px 0 50px 0}html body .video h2{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:lighter;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body .video p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:.9em;line-height:1.4em;color:#353535}html body .recruiter{width:100vw;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}html body .recruiter img{max-width:45%;height:auto}html body .recruiter .text{width:35vw;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:center}html body .recruiter .text h2{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:lighter;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body .recruiter .text p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:.9em;line-height:1.4em;color:#353535}html body .recruiter .text img{width:80%}html body .insights{width:100vw;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}html body .insights .text{width:45vw}html body .insights .text h2{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:lighter;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body .insights .text p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:.9em;line-height:1.4em;color:#353535}html body .insights .download-QA{width:15vw}html body .insights .download-QA a{width:100px;height:100px}html body .insights .download-QA a img{width:100px;height:100px;transition:.3s linear}html body .insights .download-QA a img:hover{transform:scale(.95);cursor:pointer}html body .insights .download-QA button{width:100px;height:100px;border:none;background-color:transparent}html body .insights .download-QA button img{width:100px;height:100px;transition:.3s linear}html body .insights .download-QA button img:hover{transform:scale(.95);cursor:pointer}html body .user_research{width:100vw;display:flex;flex-direction:column;align-items:center}html body .user_research .text{width:75vw}html body .user_research .text h2{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:lighter;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body .user_research .text p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:.9em;line-height:1.4em;color:#353535}html body .user_research .images_users{display:flex;flex-direction:row;width:85vw;justify-content:space-evenly}html body .user_research .images_users img{max-width:45%;height:auto}html body .journey_map{display:flex;width:100vw;align-items:center;justify-content:center;margin:10% 0 10% 0}html body .journey_map img{max-width:90%;height:auto}html body .uxfinal{display:flex;flex-direction:column;width:100vw;align-items:center;margin:10% 0 10% 0}html body .uxfinal .text{width:75vw}html body .uxfinal .text h2{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:lighter;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body .uxfinal .uxfinal_image{width:75vw;display:flex;align-items:center}html body .uxfinal .uxfinal_image img{max-width:75vw;height:auto}html body .finale{display:flex;width:100vw;flex-direction:column;align-items:center;margin-bottom:20%}html body .finale .text{width:85%;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:.9em;line-height:1.4em;color:#353535}html body .finale .text #quote{font-size:1.4em;color:#2929dd;text-align:center}html body .finale .twoimages{width:85%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}html body .finale .twoimages img{max-width:40%;height:auto}html body #beerbox{width:90vw;display:flex;flex-direction:row;justify-content:space-evenly}html body #beerbox h2{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2em;font-weight:lighter;text-transform:uppercase;letter-spacing:.03em;line-height:.9em}html body #beerbox p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:lighter;letter-spacing:.05em;font-size:.9em;line-height:1.4em;color:#353535}html body #beerbox .row1{display:flex;flex-direction:column;width:45vw}html body #beerbox .row1 img{width:85%}html body #beerbox .text{display:flex;flex-direction:column;width:35vw}html body #blog{width:100vw}html body #blog .headingbanner{min-width:100vw;height:auto;background-image:url("/img/842673b8f51aa5d3ae2586e52097f1985597715e/studio design thinking art.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;padding:10px 0 50px 0;margin:0}html body #blog .nav_desktopblog{width:100vw;height:10vh;margin:10px 0 20px 0;display:flex;flex-direction:row;align-items:center;justify-content:center}html body #blog .nav_desktopblog ul{width:100vw;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;list-style:none}html body #blog .nav_desktopblog ul li{max-width:15%;min-width:13%;text-align:center}html body #blog .nav_desktopblog ul li img{width:100%}html body #blog .nav_desktopblog ul li a{text-decoration:none;color:#fff;font-family:"Atkinson Hyperlegible",sans-serif;transition:.3s linear;font-size:2em}html body #blog .nav_desktopblog ul li a:hover{color:#15d412;border-bottom:2px solid #16d412;transform-origin:scale(5)}html body #blog .nav_desktopblog ul li #blognav{background-color:rgba(0,0,0,.543);padding:2px 10px 2px 10px}html body #blog .nav_desktopblog ul li:hover ul{display:block}html body #blog #contentheading{background-color:rgba(53,53,53,.3882352941);width:-moz-fit-content;width:fit-content;margin-left:80px;padding:0 10px 0 10px}html body #blog #contentheading h1{width:-moz-fit-content;width:fit-content;font-family:"Atkinson Hyperlegible",sans-serif;font-size:6em;line-height:1.3em;letter-spacing:.05em;color:#fff;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#fff}html body #blog #contentheading h2{width:-moz-fit-content;width:fit-content;font-family:"Atkinson Hyperlegible",sans-serif;color:#f7f7f7;letter-spacing:.03em;font-size:2.2em;line-height:2em}html body #blog .aboutblog{display:flex;flex-direction:row;justify-content:space-evenly;width:100vw;margin-top:30px}html body #blog .aboutblog #imageabout{width:40vw;height:-moz-fit-content;height:fit-content}html body #blog .aboutblog #imageabout img{width:100%;padding:10px 40px 0 30px}html body #blog .aboutblog #paragraphsabout{width:35vw;height:-moz-fit-content;height:fit-content;padding:10px 10px 10px 10px;background-color:#fff}html body #blog .aboutblog #paragraphsabout p{font-size:1.3em;font-family:"Atkinson Hyperlegible",sans-serif;line-height:1.3em;margin-bottom:15px;color:#014057}html body #blog .aboutblog #inspiringquote{width:15vw;height:-moz-fit-content;height:fit-content}html body #blog .aboutblog #inspiringquote .quoteblock{border:4px solid #8ccadf;padding:10px 10px 10px 10px;background-color:#fff}html body #blog .aboutblog #inspiringquote .quoteblock h3{font-family:Niconne,cursive;letter-spacing:.02em;font-size:2.2em;font-weight:100;text-align:center;color:#e962a3}html body #blog .aboutblog #inspiringquote .quoteblock .flex-container{padding:10px}html body #blog .aboutblog #inspiringquote .quoteblock .flex-container .flex-item .quote{text-align:center;font-family:Verdana,sans-serif;font-size:1.1em;line-height:1.3em;color:#014057}html body #blog .aboutblog #inspiringquote .quoteblock .flex-container .flex-item .buttons{display:flex;align-items:center;justify-content:center;width:100%}html body #blog .aboutblog #inspiringquote .quoteblock .flex-container .flex-item .buttons .js-button{background-color:#8ccadf;border:none;padding:10px 30px 10px 30px;border-radius:15em;margin-top:10px;font-size:1.2em;color:#fff;font-weight:700;-webkit-text-stroke-width:.1px;-webkit-text-stroke-color:#014057}html body #blog .aboutblog #inspiringquote .bloggerlist{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px}html body #blog .aboutblog #inspiringquote .bloggerlist h2{font-size:1.9em;line-height:2.2em;letter-spacing:.05em;text-decoration:underline;font-family:"Atkinson Hyperlegible",sans-serif;color:#014057}html body #blog .aboutblog #inspiringquote .bloggerlist #list{width:-moz-fit-content;width:fit-content}html body #blog .aboutblog #inspiringquote .bloggerlist #list a,html body #blog .aboutblog #inspiringquote .bloggerlist #list p{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1em;line-height:1.3em;color:#e962a3;text-decoration:none;margin-bottom:10px}html body #blog .bloggerpost{display:flex;flex-direction:column;align-items:center}html body #blog .bloggerpost #content,html body #blog .bloggerpost #contenttwo{width:75vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;margin:30px 0 20px 0;padding:30px}html body #blog .bloggerpost #content h1,html body #blog .bloggerpost #contenttwo h1{font-size:3.5em;line-height:2.5em;text-align:center;font-family:"Atkinson Hyperlegible",sans-serif;color:#fc98c8;margin:0}html body #blog .bloggerpost #content h3,html body #blog .bloggerpost #contenttwo h3{width:100vw;font-size:2em;line-height:1.2em;letter-spacing:.03em;font-family:"Atkinson Hyperlegible",sans-serif;text-align:center!important;color:#474646;margin:0}html body #blog .bloggerpost #content p,html body #blog .bloggerpost #contenttwo p{font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;letter-spacing:.03em;font-size:1.4em;line-height:1.55em;color:#014057}html body #blog .bloggerpost #content img,html body #blog .bloggerpost #contenttwo img{width:100%;height:auto}html body #information{display:none;color:#fff;background-color:#fff;opacity:0}}