:root{--light-background:rgb(235 251 242);--lightteal:rgb(135 199 174);--lightgreen:#81bd90;--mediumgreen:rgb(92 167 144);--darkgreen:rgb(54 119 93);--dark-color:rgb(34, 66, 53);font-family:Arial,Helvetica,sans-serif;--sky-blue:#ddf2f3;--dark-gray:rgb(49, 49, 49)}main{overflow:hidden}.intro{display:flex;flex-direction:column;margin-bottom:-100px;max-height:450px}@media (min-width:600px){.intro{max-height:600px}}.intro .content{padding:0 10vw;font-size:1.5rem;position:absolute;max-width:1200px;margin:70px auto 0 auto;width:100%;padding-left:20px;align-self:center;animation:text-from-bottom 1s ease-in-out 1}.intro .content p{font-size:1.5rem;line-height:30px;color:var(--dark-gray)}@media (min-width:600px){.intro .content p{font-size:2.5rem;line-height:40px}}.intro .content h1{color:#000;font-size:2.4rem;font-weight:400;font-family:Alegreya,serif}@media (min-width:600px){.intro .content h1{font-size:4rem;line-height:100px}}@media (min-width:600px){.intro .content p+p+p{font-size:2rem;color:#363636}}.intro #titles{font-size:.6rem;border-top:solid var(--dark-gray) 2px;margin-top:10px;width:fit-content;font-weight:700;color:var(--dark-gray);animation:text-from-bottom 2s ease-in-out 1}@media (min-width:600px){.intro #titles{font-size:1rem;margin-top:20px}}.intro #cloud-svg{position:relative;top:0;left:0;height:90vh;min-height:200px;margin:0 -50px}.intro #mountains-intro{position:relative;top:-98px;left:0;min-height:200px;transform-origin:bottom;animation:mountain-grow 1s ease-in-out 1}@keyframes mountain-grow{0%{transform:scaleY(.3)}100%{transform:scaleY(1)}}@keyframes text-from-bottom{0%{opacity:0;transform:translateY(20%)}100%{opacity:1;transform:translateY(0)}}.project{z-index:0;color:#000;background-color:var(--lightteal);margin-bottom:-30px;background:linear-gradient(180deg,var(--lightteal) 61%,#b5dece 100%)}.project .content{display:flex;flex-direction:column;max-width:1200px;margin-right:auto;margin-left:auto;cursor:pointer}@media (min-width:800px){.project .content{flex-direction:row}}.project .content img{z-index:3;padding:0 20px;max-height:300px;width:auto;max-width:100%;margin:0 auto}.project .content p{line-height:25px;margin-bottom:-40px;padding-bottom:30px}.project .content .text{padding:0 20px}@media (min-width:800px){.project .content .text{padding:0 50px}}@media (min-width:800px){.project .content .text,.project .content img{flex-grow:1;flex-basis:50%;margin:auto}}.project .content:hover{opacity:.8;transform:scale(1.03)}.project svg{position:relative;top:0;left:0;width:100%;max-height:200px}@media (min-width:800px){.project svg{max-height:300px}}#project_two{z-index:2;color:#000;background-color:var(--mediumgreen);background:linear-gradient(180deg,var(--mediumgreen) 61%,#89c3b1 100%)}@media (min-width:800px){#project_two .content{flex-direction:row-reverse}}#project_three{z-index:3;color:#fff;background-color:var(--darkgreen);background:linear-gradient(180deg,var(--darkgreen) 61%,#527f6d 100%)}h2{padding-top:20px;font-size:2rem;font-weight:400;line-height:50px;font-family:Alegreya,serif}h2 label{font-size:1.2rem;font-weight:400;opacity:.8}#button-container{background-color:var(--dark-color);width:100%}#button-container .buttons{width:100%;height:100%;text-decoration:none;display:flex;flex-direction:column;padding:10px;background-color:var(--dark-color);max-width:1200px;margin:0 auto}@media (min-width:600px){#button-container .buttons{flex-direction:row}}#button-container .buttons a{word-wrap:break-word;text-decoration:none;color:inherit;font-weight:700;width:95%;margin:30px 10px 0 10px;line-height:30px;padding:30px;text-align:center;border:none;cursor:pointer;color:#000;background-color:var(--lightgreen);border-radius:20px;transition:width 1.5s,opacity 1s;text-transform:uppercase}@media (min-width:600px){#button-container .buttons a{width:50%;margin:30px 10px}}#button-container .buttons a:nth-of-type(odd){background-color:var(--lightteal)}#button-container .buttons a:hover{width:110%;opacity:.8}@media (min-width:800px){#button-container .buttons a:hover{width:100%;opacity:.8}}#cloud-svg #cloud-one{animation:cloud-left 1s ease-out 1}#cloud-svg #cloud-two{animation:cloud-left 4s ease-out 1}#cloud-svg #cloud-three{animation:cloud-right 1s ease-out 1}#cloud-svg #cloud-four{animation:cloud-right 2s ease-out 1}@keyframes cloud-left{0%{transform:translateX(-50vw)}100%{transform:translateX(0)}}@keyframes cloud-right{0%{transform:translateX(50vw)}100%{transform:translateX(0)}}