html{box-sizing:border-box;font-size:16px}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:normal}ol,ul{list-style:none}img,embed,object,video{max-width:100%;height:auto}html,body{width:100%;min-height:100vh}body{font-family:"Dosis",sans-serif}h1,h2,h3,h4{color:#56545c}p{color:#353536;line-height:1.5em;font-size:.9em}a{font-family:"Dosis",sans-serif;text-decoration:none;color:#353536;cursor:pointer}ul,li{color:#353536;line-height:1.5em;font-size:.9em}.hidden{display:none}.link{cursor:pointer}.main-heading{font-size:2em;font-weight:bold;text-align:center;margin-top:80px}@media screen and (min-width: 767px){.main-heading{font-size:2em}}@media screen and (min-width: 1023px){.main-heading{font-size:2.25em}p,li{font-size:1.2em}}@keyframes fade{0%{opacity:0}100%{opacity:1}}@keyframes intro{0%{-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@keyframes rise{0%{opacity:0;-webkit-transform:translateY(150px);-ms-transform:translateY(150px);transform:translateY(150px)}50%{opacity:1}}@keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}50%{opacity:1}}@keyframes fade-in-out{0%{opacity:0}20%{opacity:1}80%{opacity:1}100%{opacity:0}}@keyframes shrink-anim{0%{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}#main-header{height:100vh;background-image:url(../images/sky.png);background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;display:flex;flex-direction:column}.sky{position:absolute;top:0}.mount{position:absolute;bottom:0;z-index:10;animation:intro 4s;background-position:center;background-size:cover;transition:all 1s ease-in-out}.header-border{display:flex;flex-direction:column;margin:20px;border:2px solid #337961;border-bottom:none;position:relative;height:100%}.link-home{width:40px;position:absolute;top:20px;left:20px;transition:all .5s ease;animation:slide-down 1s backwards;animation-delay:2.5s;z-index:30}.link-home:hover,.link-home:focus{-webkit-transform:scale(0.97);-ms-transform:scale(0.97);transform:scale(0.97)}.logo{width:100%}.fa-bars{color:#56545c;position:absolute;top:20px;right:20px;cursor:pointer;transition:all ease .5s;animation:slide-down 1s backwards;animation-delay:2.5s;z-index:30}.fa-bars:hover,.fa-bars:focus{-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95)}.rotated{transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}.main-nav{display:none}.main-nav.visible{position:absolute;right:35px;width:50%;display:flex;flex-direction:column;text-align:center;z-index:30}.link{color:#56545c;transition:all ease .5s;border-bottom:#ccc 1px solid;margin-top:10px;padding:5px;width:60%;margin-right:auto;margin-left:auto}.link:last-child{border-bottom:none}.link:hover,.link:focus{-webkit-transform:scale(0.99);-ms-transform:scale(0.99);transform:scale(0.99);opacity:.7}.welcome{display:flex;flex-direction:column;text-align:center;margin-top:35vh;margin-left:25px;margin-right:25px;animation:rise 3s forwards}.welcome span{display:block}.welcome .large{font-size:2em;margin-top:20px;margin-bottom:10px}.welcome .small{font-size:1.5em;margin-top:8px}.dots{display:none}@media screen and (min-width: 767px){.welcome{margin-top:25vh}.main-nav.visible{text-align:right;top:60px;right:0;width:30%}.dots{display:flex;flex-direction:column;align-items:center;position:absolute;z-index:20;bottom:25vh;right:40px;transition:all .5s ease;color:#56545c;transition:all .5 s;animation:slide-down 1s backwards;animation-delay:3s}.dot{font-size:2em;line-height:.5em}.fa-chevron-down{margin-top:12px;font-size:1.1em}}@media screen and (min-width: 1024px){.link-home{top:30px;left:35px}.welcome{margin-top:20vh}.welcome .large{font-size:1.5em;margin-top:0;margin-bottom:8px}.welcome .small{font-size:1.2em;margin-top:5px}.fa-bars{display:none !important}.main-nav{display:flex;flex-direction:column;text-align:right;position:fixed;top:35px;right:40px;z-index:30;transition:all ease .5s;animation:slide-down 1s backwards;animation-delay:2.5s}.link{color:#56545c;transition:all ease .5s;border:none;margin-top:5px;padding:0;width:100%}.link:hover,.link:focus{-webkit-transform:scale(0.99);-ms-transform:scale(0.99);transform:scale(0.99);text-decoration:underline;opacity:.7}.dots{bottom:30vh}}#development{opacity:0;transition:all .5s ease}.development{display:flex;flex-direction:column;align-items:center;margin:0 30px;padding:30px;transition:all ease .5s;position:relative;margin-bottom:100px}.dev-projects{display:flex;flex-direction:column;align-items:center;margin-top:60px}.project{cursor:pointer;width:50%;max-width:300px;margin-top:20px;position:relative;margin-bottom:40px;transition:.5s all ease}.project:hover,.project:focus{-webkit-transform:scale(0.99);-ms-transform:scale(0.99);transform:scale(0.99)}.project-img{width:100%}.red-fox{order:0}.animal-tracks{width:100%;max-width:500px}.dev-popover-outer{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;width:100%;height:100%;transition:all .5s ease;opacity:0}.dev-popover-inner{display:flex;flex-direction:column;justify-content:center;width:80%;height:80%;background-color:rgba(86,84,92,.9)}.dev-popover-inner h3{color:#fff;font-size:1.2em;text-align:center;margin-bottom:20px;line-height:1.1em;padding:0 10px}.dev-popover-inner ul>li{color:#fff;font-size:1em;margin:auto;text-align:center}.dev-popover-outer:hover,.dev-popover-outer:focus{animation:shrink-anim .5s backwards;opacity:1}@media screen and (min-width: 550px){.dev-projects{display:grid !important;grid-template-columns:repeat(2, 1fr);grid-gap:20px;align-items:center}.project{margin-right:auto;margin-left:auto;width:60%;max-width:500px}.project h3{font-size:1.2em}.project ul>li{font-size:1em}.animal-tracks{max-width:600px}}@media screen and (min-width: 1023px){.dev-projects{grid-template-columns:repeat(3, 1fr);grid-gap:40px;margin-top:80px}.project{width:70%}.project h3{font-size:1.6em}.project ul>li{font-size:1.3em}.animal-tracks{margin-top:60px}}.dev-lightbox{display:none;position:fixed;top:0;background-color:#fff;z-index:500;height:100vh;overflow:scroll}.close-dev-lightbox{font-weight:bolder;position:absolute;top:40px;right:40px;cursor:pointer;font-size:1.5em;transition:all .5s ease;animation:slide-down 1s backwards;animation-delay:.3s}.close-dev-lightbox:hover,.dev.close-dev-lightbox:focus{-webkit-transform:scale(0.97);-ms-transform:scale(0.97);transform:scale(0.97);opacity:.8}.dev-logo{position:absolute;top:40px;left:40px;width:40px;transition:all .5s ease;animation:slide-down 1s backwards;animation-delay:.3s}.dev-logo:hover,.dev-logo:focus{-webkit-transform:scale(0.97);-ms-transform:scale(0.97);transform:scale(0.97);opacity:.8}.project-con{margin-top:120px;margin-bottom:40px;display:flex;flex-direction:column;align-items:center;position:relative;padding-bottom:100px;transition:all .5s ease;animation:slide-down 1s backwards;animation-delay:.3s}.project-title{padding:0 50px;font-size:1.7em;font-weight:bold}.dt-img-con{height:500px;overflow-y:scroll;margin-top:40px;margin-right:25px;margin-left:25px}.desc{margin-right:25px;margin-left:25px}.desc h4{margin-top:80px;font-size:1.3em;font-weight:bold}.desc span{color:#666;font-size:.85em}.desc p{margin-top:20px}.m-img{margin-right:auto;margin-left:auto;margin-top:80px;margin-bottom:40px;width:80%;display:grid;grid-template-columns:1fr}.m-img img{width:50%;margin-right:auto;margin-left:auto}.m-img img:last-child{margin-top:40px}.error-con{display:flex;flex-direction:column;align-items:center;margin:50px}.error-home{padding:30px;background-color:#56545c;color:#fff;transition:all .5s ease;border-radius:5px}.project-lavendar{position:absolute;width:100px;left:20px;top:97%}@media screen and (min-width: 767px){.project-con{margin-left:30px;margin-right:30px}.m-img{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:10%}.m-img img{width:80%}.m-img img:last-child{margin-top:0}.project-butterflies{margin-left:25px}}@media screen and (min-width: 900px){.project-con{display:grid;grid-template-areas:"title title" "dt-img desc" "m-img m-img";grid-template-columns:repeat(2, 1fr);grid-template-rows:100px 500px auto;grid-gap:7%;margin-bottom:250px;margin-left:50px;margin-right:50px}.project-con .project-title{grid-area:title;justify-self:center;font-size:2em;margin:0;padding:0}.project-con .dt-img-con{grid-area:dt-img;margin:0;padding:0;align-self:start}.project-con .desc{grid-area:desc;align-self:start;margin:0;padding:0}.project-con .desc h4{margin-top:0}.project-con .desc h4:last-of-type{margin-top:40px}.project-con .m-img{grid-area:m-img;display:flex;justify-content:center}.project-con .m-img img{width:25%;height:auto}}#about{opacity:0;transition:all .5s ease}.about{display:flex;flex-direction:column;align-items:center;margin-right:25px;margin-left:25px}.main-heading{margin-left:30px;margin-right:30px}.about-text{margin-top:60px;max-width:50%}.about-text span{font-size:1.25em;line-height:1.5em}.resume-link{text-decoration:underline;transition:all ease .5s}.resume-link:hover,.resume-link:focus{-webkit-transform:scale(0.97);-ms-transform:scale(0.97);transform:scale(0.97);opacity:.8}.skills-con{background-color:#d8d5e2;margin-top:80px;padding:80px 25px;padding-top:100px;display:flex;flex-direction:column;align-items:center;position:relative}.vine-bar{position:absolute;height:4px;width:100%;border-radius:3px;background-color:#353536;top:36px;background:linear-gradient(#999, #353536)}.vine{position:absolute;top:20px;left:0;width:180px}.skills{margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center}.ul-con{margin-top:10px;list-style-image:url(../images/leaf.svg)}.skill-title{font-size:1.2em;margin-bottom:10px}.skills-dev{margin-top:40px}.skills-g{margin-top:40px}@media screen and (min-width: 450px){.skills-dev .ul-con{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:25px}}@media screen and (min-width: 767px){.skills-con{display:flex;flex-direction:row;justify-content:space-evenly;align-items:start;padding-left:40px;padding-right:40px}.skills{margin-right:0;margin-left:0;width:auto}.ul-con{display:grid}.ul-con li{margin-top:10px}.skills-dev{margin-top:0}.skills-g{margin-top:0}.skill-title{text-align:center}}@media screen and (min-width: 1100px){.main-heading{margin-top:100px}.skills-con{margin-top:100px;justify-content:space-evenly;padding-bottom:100px}.skill-title{padding-bottom:10px;border-bottom:#56545c 1px solid}.ul-con{margin-top:5px}.skills-dev .ul-con{grid-template-columns:repeat(3, 1fr);grid-column-gap:40px}}#motion{opacity:0;transition:all .5s ease;margin-top:90px;display:flex;flex-direction:column;margin-right:50px;margin-left:50px;align-items:center;position:relative}.flower-bar{position:absolute;height:4px;width:100%;border-radius:3px;background-color:#353536;top:-60px;background:linear-gradient(#999, #353536)}.hanging-flowers{position:absolute;top:-70px;right:10px;width:70px}.thumbnail{display:flex;flex-direction:column;align-items:center;margin-top:80px;cursor:pointer}.thumb-img{transition:all .5s ease;border-radius:8px}.thumb-img:hover,.thumb-img:focus{-webkit-transform:scale(0.99);-ms-transform:scale(0.99);transform:scale(0.99);opacity:.9}.thumb-title{order:2;text-align:center;font-size:1.5em;margin-top:40px}.lightbox{display:none}.lightbox.show{display:flex;position:fixed;top:0;left:0;z-index:999;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;background-color:rgba(0,0,0,.9)}.close-lightbox{margin-top:20px;font-size:1.5em;color:#fff;cursor:pointer;transition:all ease 1s}.close-lightbox:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.video-con{display:flex;flex-direction:column;align-items:center}.video-con video{width:70%;margin-top:10px}.video-title{margin-top:20px;text-align:center;font-size:1.5em;color:#fff;margin-bottom:0}.video-text{color:#fff;text-align:center;margin-top:10px;padding:0 25px}@media screen and (min-width: 767px){.motion-projects{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:40px}.hanging-flowers{width:90px}}#contact{opacity:0;transition:all .5s ease;display:flex;flex-direction:column;align-items:center;margin-top:80px;padding:0 25px 250px 25px;background-color:#d8d5e2;position:relative}.contact-text{width:80%;text-align:center;margin-top:20px;max-width:500px}#form{width:80%;max-width:500px;display:flex;flex-direction:column;margin-top:40px}#form label{margin-bottom:8px;margin-top:15px;font-size:1em}#form input,#form textarea{border:1px solid #56545c;background-color:#d8d5e2;padding:13px;border-radius:5px;margin-bottom:10px}#form ::placeholder{font-family:"Dosis",sans-serif;font-size:1.1em;color:#56545c;opacity:.8}.submit-btn{border:none;background-color:#56545c;padding:15px;border-radius:5px;margin-top:25px;font-family:"Dosis",sans-serif;font-size:1em;color:#fff;cursor:pointer;transition:all .5s ease}.submit-btn:hover,.submit-btn:focus{opacity:.9;-webkit-transform:scale(0.99);-ms-transform:scale(0.99);transform:scale(0.99);box-shadow:3px 2px 5px rgba(0,0,0,.2)}.form-msg{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:absolute;top:50%;background-color:#56545c;width:60%;height:100px;border-radius:5px;z-index:20;opacity:1;animation:fade-in-out 3s forwards;transition:all .5s ease}.form-msg p{color:#d8d5e2;padding:20px 40px;border-radius:5px;border:1px solid gray}@media screen and (min-width: 1023px){#form label{margin-bottom:8px}#form input,#form textarea{padding:15px}#form ::placeholder{font-size:1.2em}#form textarea::placeholder{font-size:1.3em}#form .submit-btn{font-size:1.5em}}.case-study{display:flex;flex-direction:column;align-items:center;text-align:center}.case-logo{position:absolute;top:40px;left:40px;width:40px;transition:all .5s ease;animation:slide-down 1s backwards;animation-delay:.3s}.case-logo:hover,.case-logo:focus{-webkit-transform:scale(0.97);-ms-transform:scale(0.97);transform:scale(0.97);opacity:.8}.close-case{font-weight:bolder;position:absolute;top:40px;right:40px;cursor:pointer;font-size:1.5em;transition:all .5s ease;animation:slide-down 1s backwards;animation-delay:.3s}.close-case:hover,.close-case:focus{-webkit-transform:scale(0.97);-ms-transform:scale(0.97);transform:scale(0.97);opacity:.8}.main-heading{margin-top:120px}.main-heading span{display:block;font-size:.7em}.case-con{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 30px;padding-bottom:250px}.case-title{font-size:1.2em;font-weight:bold;margin-top:30px}.case-text{width:60%;margin-top:40px}.case-list{display:flex;flex-direction:column;list-style-image:url(../images/leaf.svg)}.case-list li{text-align:left}.case-list li:first-of-type{margin-top:10px}.case-img{margin-top:40px}.images-grid{display:flex;flex-direction:row;justify-content:space-evenly}.images-grid img{margin-right:20px;width:40%}.images-grid img:last-of-type{margin-right:0}.case-mobile{width:50%;max-width:375px}.case-code{width:60%;max-width:700px}.case-desktop-con{height:500px;overflow:scroll;margin-top:60px;max-width:600px;border-radius:10px;box-shadow:2px 2px 20px rgba(0,0,0,.1)}.case-tablet-con{height:600px;overflow:scroll;margin-top:60px;max-width:500px;border-top-right-radius:50px;border-top-left-radius:50px;box-shadow:2px 2px 20px rgba(0,0,0,.1)}.case-mobile-con{height:420px;overflow:scroll;margin-top:60px;width:50%;max-width:350px;border-top-right-radius:70px;border-top-left-radius:70px;box-shadow:2px 2px 20px rgba(0,0,0,.1)}.case-code-con{height:200px;overflow:scroll;margin-top:60px}.case-link{color:#56545c;transition:all .5s ease;text-decoration:underline}.case-link:hover,.case-link:focus{-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);opacity:.8}@media screen and (min-width: 767px){.case-text{margin-top:60px}.case-list{margin-top:40px}.case-img{margin-top:60px}}@media screen and (min-width: 900px){.case-con{margin:0 50px}.images-grid-desktop{display:flex;flex-direction:row;justify-content:space-evenly;flex-wrap:wrap}.images-grid-desktop img{margin-right:50px;height:100%}.case-desktop-con{height:600px}.case-tablet-con{height:600px}.case-mobile-con{height:600px}}#submission-header{display:flex;flex-direction:column;background-color:#337961;height:25vh}#submission-header .link-home{width:100px;margin-right:auto;margin-left:auto;margin-top:20px}#submission-header .logo{width:100%}.submission-con{display:flex;flex-direction:column;align-items:center;background-color:#337961}.submission-con p{padding:30px;text-align:center;color:#56545c;font-size:1em;border:3px solid #56545c;border-radius:5px}.sub-butterflies{margin-top:40px;width:100px}@media screen and (min-width: 767px){#submission-header{height:150px}#submission-header .link-home{position:absolute;top:20px;left:20px;width:150px !important;margin-top:0 !important}}@media screen and (min-width: 1023px){#submission-header .link-home{width:200px !important}}#footer{display:flex;flex-direction:column;align-items:center;background-color:#56545c;padding:15px 25px;position:relative}#footer p{color:#fff;font-size:.7em}.social-media{margin-top:10px;display:flex;flex-direction:row}.social-media a{margin-right:8px;color:#d8d5e2;transition:all ease .5s}.social-media a:hover,.social-media a:focus{opacity:.9;-webkit-transform:scale(0.97);-ms-transform:scale(0.97);transform:scale(0.97)}.fa-chevron-up{color:#56545c;cursor:pointer;margin-top:20px;position:absolute;top:-110px;right:30px;transition:all .5s ease}.fa-chevron-up:hover,.fa-chevron-up:focus{-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);opacity:.8;text-shadow:3px 2px 4px rgba(0,0,0,.3)}.lavendar{position:absolute;top:-200px;left:30px;width:90px}@media screen and (min-width: 767px){#footer{display:flex;flex-direction:row;justify-content:space-between;padding:25px 25px}#footer p{font-size:.9em}}@media screen and (min-width: 900px){.lavendar{width:120px;top:-250px;left:40px}}/*# sourceMappingURL=main.css.map */