@import "//fonts.googleapis.com/css?family=Roboto:500";
@import "//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
:root{--cloud-anim-time:25s;--cloud-height:10vh}.Background{z-index:-10;background-color:#dfece8;background-position:bottom;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;position:absolute;overflow:hidden}.mt{position:absolute;bottom:-150px;left:50%;transform:translate(-50%)}.mt-1{z-index:-9;left:55%}.mt-1 img{width:70vw;height:60vh}.mt-2{z-index:-8;left:25%}.mt-2 img{width:51vw;height:54vh}.mt-3{z-index:-7;left:75%}.mt-3 img{width:54vw;height:42vh}.Background .cloud1{animation:45s linear -25s infinite cloudanimation;position:absolute;top:10vh}.Background .cloud2{animation:50s linear -10s infinite cloudanimation;position:absolute;top:25vh}.Background .cloud3{animation:65s linear -2s infinite cloudanimation;position:absolute;top:40vh}.Background .cloud4{animation:40s linear -15s infinite cloudanimation;position:absolute;top:50vh}@keyframes cloudanimation{0%{transform:translate(-10vw)}to{transform:translate(110vw)}}
h1,h2,h3,h5{margin:0}.header{text-align:center;margin-bottom:60px}.header h1{color:#222;margin-bottom:.2em;font-family:Montserrat,sans-serif;font-size:3em;line-height:1.2}.header h3{color:#555;width:30em;font-weight:400}.card{cursor:pointer;background:#fff;border-radius:.6em;width:16em;margin:1em;transition:all .2s;overflow:hidden;box-shadow:0 13px 27px -5px #32325d40,0 8px 16px -8px #0000004d,0 -6px 16px -6px #00000008}.card:hover{transform:scale(1.03);box-shadow:0 13px 40px -5px #32325d1f,0 8px 32px -8px #00000024,0 -6px 32px -6px #00000005}.card img{object-fit:cover;width:100%}.card h2{color:#222;margin-top:-.2em;font-family:Montserrat,sans-serif;font-size:1.3em;font-weight:500;line-height:1.4;transition:all .1s ease-in}.card p{color:#777}.card h5{color:#bbb;letter-spacing:.04em;text-transform:uppercase;margin:1.4em 0 0;font-size:.7em;font-weight:700}.card-body{padding:1.2em}a:link,a:visited,a:hover,a:active{text-decoration:none}
.sidebar{position:relative}.sidebar button{z-index:10;cursor:pointer;position:fixed;top:40px;left:40px}.navmenu{z-index:9;background:#008b8b;width:0;max-width:290px;height:100vh;list-style:none;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.navmenu .showmenu{width:100%}li a{color:#008b8b}li a:hover,li a:visited{text-decoration:none}.navmenu li:first-child{margin-top:7rem}.Nav .ImageLink img{width:100%;height:100%;margin-top:10%;margin-left:0;margin-right:0;padding:0%}@keyframes slideIn{0%{opacity:0;transform:translate(-20rem)}to{opacity:1;transform:translate(0)}}.nav-link{color:#429c87;cursor:pointer;align-items:center;height:100%;padding:0 1rem;font-family:Pacifico,cursive;font-size:1.5rem;text-decoration:none;display:flex}.nav-link:hover{color:#bbb}.nav-link.active{color:#0c221d}.sidebar-link{color:#008b8b}.sidebar-link:hover,.sidebar-link:visited{text-decoration:none}
.homePage{z-index:1;height:90vh;margin-left:10vw;margin-right:10vw;position:relative}.homePage .homePage__header{color:#429c87;justify-content:center;font-family:Parisienne,cursive;font-size:7rem;font-weight:700;display:flex;position:relative;top:25%}.homePage .homePage__subheader{color:#429c87;justify-content:center;font-family:Pacifico,cursive;font-size:2rem;display:flex;position:relative;top:25%}
.Main-Div{z-index:1;height:90vh;margin-left:10vw;margin-right:10vw;position:relative}.Main-Div .header{color:#429c87;justify-content:center;font-family:Parisienne,cursive;font-size:3rem;font-weight:700;display:flex;position:relative}.Main-Div .content{color:#429c87;justify-content:center;align-items:center;width:100%;height:10%;font-family:Prisieme,cursive;font-size:1.5rem;font-weight:500;display:flex;position:relative;box-shadow:0 4px 4px #0003}.social-icons{text-align:center;width:100%;height:150px;margin-top:0;position:relative;top:5vh}.social-icons .item{text-align:center;color:#fff;background-color:#429c87;width:150px;height:150px;margin:0 16px;font-weight:500;line-height:90px;text-decoration:none;display:inline-block;overflow:hidden;box-shadow:0 4px 4px #0003}.social-icons .item:before{color:#429c87;background-color:#dfece8;font-size:4.2em;font-weight:400;line-height:150px;transition:font-size .5s,line-height .5s;display:block}.social-icons .item:hover:before{font-size:200%;line-height:50px}
.projects{z-index:1;height:90vh;margin-left:10vw;margin-right:10vw;position:relative}.projects .projects__header{color:#429c87;justify-content:center;font-family:Parisienne,cursive;font-size:3rem;font-weight:700;display:flex;position:relative}.cards{justify-content:center;align-items:flex-start;display:flex}