body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media only screen and (min-width:0px){.desktop-navigation{visibility:hidden}nav{height:60px;background-color:#333;box-shadow:0 1px 1px rgba(0,0,0,.06),0 2px 2px rgba(0,0,0,.06),0 4px 4px rgba(0,0,0,.06),0 6px 8px rgba(0,0,0,.06)}.mobile-navbar,nav{width:100%;left:0;margin:0;position:fixed;z-index:3}.mobile-navbar{height:55px;top:0;background-color:#000}.menu-toggle{position:absolute;display:block;width:50px;height:50px;margin:0 0 0 10px;padding:0;float:left;background:transparent;text-decoration:none;z-index:200;color:#000}.button-toggle{display:block;opacity:1;transition:opacity .7s ease 0s,background .7s ease 0s;z-index:500;left:15px;top:30px}.button-toggle,.button-toggle:before{background-color:#e6e6e6;content:"";height:2px;position:absolute;width:25px}.button-toggle:before{top:-8px}.button-toggle:after,.button-toggle:before{left:-2px;-webkit-transform-origin:center center 0;transform-origin:center center 0;transition:background .7s ease 0s,-webkit-transform .7s ease 0s;transition:transform .7s ease 0s,background .7s ease 0s;transition:transform .7s ease 0s,background .7s ease 0s,-webkit-transform .7s ease 0s}.button-toggle:after{background-color:#e6e6e6;bottom:-8px;content:"";height:2px;position:absolute;width:25px}.mobile-sidebar.toggled-on{left:0;top:55px;background-color:#f2f2f2}.mobile-navigation ul .toggled-on{display:block;background-color:#444}.dropdown-toggle.toggled-on:after{content:"\E5C7"}.button-toggle.toggled-on{background-color:transparent}.button-toggle.toggled-on:before{opacity:1;-webkit-transform:translateY(8px) rotate(225deg);transform:translateY(8px) rotate(225deg)}.button-toggle.toggled-on:after{opacity:1;-webkit-transform:translateY(-8px) rotate(-225deg);transform:translateY(-8px) rotate(-225deg)}.logo{width:40px;height:40px;border-radius:180px;background-color:#88e1fe;margin-right:50px;margin-top:10px;position:fixed;right:0}#logo{width:100%}.mobile-navigation ul{position:fixed;float:left;height:calc(100vh - 60px);width:57%;background-color:#88e1fe;top:60px;margin:0;box-shadow:0 1px 1px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.1),0 6px 8px rgba(0,0,0,.1);padding-top:70px;left:-80%;transition:.8s;padding-left:8%}.mobile-navigation ul.active{left:0}.mobile-navigation ul li{display:block;list-style-type:none;height:25px;margin-top:40px;font-size:20px}.mobile-navigation .navLinks{text-decoration:none;color:#333;font-family:Montserrat-Regular;font-size:25px;font-weight:500}.endMobileView{position:fixed;width:35%;right:-35%;height:calc(100vh - 60px);background-color:#000;top:60px;opacity:.7;transition:.7s}.endMobileView.active{right:0;top:60px}}@media only screen and (min-width:960px){.mobile-navigation{visibility:hidden}.desktop-navigation{visibility:visible;top:20px}.desktop-navigation,nav{z-index:3;position:fixed;right:0}nav{width:70%;height:50px;background-color:#333;top:0;margin:20px 20px auto auto;box-shadow:0 1px 1px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.1),0 6px 8px rgba(0,0,0,.1)}.logo,nav{border-radius:180px}.logo{width:40px;height:40px;background-color:#88e1fe;margin-left:5px;margin-top:5px;position:fixed;right:auto}#logo{width:100%}nav ul{float:right;margin-right:100px}nav ul li{display:inline-block;list-style-type:none;height:25px;margin:-2px 70px 0 0}nav ul li a{text-decoration:none;color:#f2f2f2;font-family:Montserrat-Regular;font-size:20px;font-weight:400}nav ul li a:after{border-bottom:2px solid #f2f2f2;display:block;width:0;-webkit-transform:translateX(-20%);transform:translateX(-20%);content:"";transition:.8s;margin:0}nav ul li a:hover:after{display:block;width:100%;margin-left:0;-webkit-transform:translateX(0);transform:translateX(0);content:""}.settings{position:fixed;right:18px;top:20px;width:50px;height:50px;border-radius:180px;background-color:#88e1fe;transition:.8s ease-in-out;border:none;z-index:3}.settings:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.settings .icon{height:27px;margin-left:50%;margin-top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#333}.dropdown{height:500px;width:20%;position:fixed;right:-20%;background-color:#fb795b;top:90px;border-radius:30px;box-shadow:0 0 5px 4px rgba(0,0,0,.1);z-index:2}.dropdown #search{width:calc(100% - 80px);margin:30px auto auto 30px;height:30px;border-radius:30px;border:none;padding-left:20px;font-size:18px;font-family:-apple-system}.dropdown.active{-webkit-animation-name:slide;animation-name:slide;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.blackBackground{position:fixed;width:100vw;left:0;top:0;height:100vh;background-color:#000;visibility:hidden;transition:.3s;opacity:0}.blackBackground.active{opacity:.5;visibility:visible}@-webkit-keyframes slide{0%{right:-20%}40%{right:40px}to{right:18px}}@keyframes slide{0%{right:-20%}40%{right:40px}to{right:18px}}.searchResults{height:400px;width:100%;position:inherit;margin-right:0;padding:0;margin-top:20px;z-index:2;overflow-y:scroll;scroll-behavior:smooth}.searchResults li{width:calc(100% - 80px);padding:5px 0 5px 20px;height:auto;background-color:#88e1fe;border-radius:30px;border:none;font-size:18px;font-family:-apple-system;transition:.5s;color:#111;margin:5px 0 0 8%}.searchResults li:hover{background-color:#222;color:#88e1fe}.endMobileView,.searchResults li a:after{visibility:hidden}}@media only screen and (min-width:1200px){nav{width:50%;height:50px;margin:20px 20px auto auto}nav ul li{margin:-2px 70px 0 0}@-webkit-keyframes slide{0%{right:-20%}40%{right:40px}to{right:18px}}@keyframes slide{0%{right:-20%}40%{right:40px}to{right:18px}}}@font-face{font-family:Montserrat-Regular;src:url(https://javascriptcoding.org/fonts/Montserrat-Regular.ttf)}@font-face{font-family:Montserrat-SemiBold;src:url(https://javascriptcoding.org/fonts/Montserrat-SemiBold.ttf)}@media screen and (min-width:0px){.firstSite{height:100vh;margin:0;position:inherit;width:100%;background-image:url(/static/media/background.7264a7b2.png);background-position:50%;background-size:cover}.firstSite h1{top:25%;font-size:45px;color:#fb795b}.firstSite h1,.firstSite p{position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:7%;text-transform:uppercase;font-family:Montserrat-Regular}.firstSite p{top:calc(20% + 150px);font-size:20px;color:#f2f2f2;width:85%}.editorSvg,.rocketSvg{visibility:hidden}.coderSvg{position:absolute;right:45%;top:68vh;width:65%}.firstSite button{height:auto;width:auto;padding:10px 15px;font-family:Montserrat-Regular;font-weight:500;font-size:17px;position:absolute;top:60%;left:7%;border-radius:10px;border:none;background-color:#88e1fe;box-shadow:0 1px 1px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.1)}.firstSite button a{color:#111;text-decoration:none;text-transform:uppercase}.firstSite .down_icon{right:12%;bottom:12%;text-align:center;padding:10px 10px -5px;border-radius:180px;width:50px;height:50px;position:absolute;z-index:1;background-color:#88e1fe;box-shadow:0 1px 1px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.1),0 6px 8px rgba(0,0,0,.1)}.firstSite .down_icon img{width:22px;color:#000;opacity:1;margin:15px 0 0}}@media screen and (min-width:960px){.firstSite{height:100vh;margin:0;position:inherit;width:100%;background-image:url(/static/media/background.7264a7b2.png);background-position:50%;background-size:cover}.firstSite h1{top:30%;font-size:80px;color:#fb795b}.firstSite h1,.firstSite p{position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:7%;text-transform:uppercase}.firstSite p{top:calc(30% + 120px);font-size:35px;color:#f2f2f2;width:80%}.rocketSvg{width:15%;margin-left:5%;margin-top:2%;visibility:visible}.editorSvg{position:absolute;visibility:visible;right:7%;top:25vh;width:20%}.coderSvg{position:absolute;right:20%;top:62vh;width:35%}.firstSite button{height:auto;width:auto;padding:15px 30px;font-family:Montserrat-Regular;font-weight:500;font-size:20px;position:absolute;top:55%;left:15%;border-radius:10px;border:none;background-color:#88e1fe;box-shadow:0 1px 1px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.1),0 6px 8px rgba(0,0,0,.1)}.firstSite button a{color:#111;text-decoration:none;text-transform:uppercase}.firstSite .down_icon{right:3%;bottom:10%;text-align:center;padding:10px 10px -5px;border-radius:180px;width:50px;height:50px;position:absolute;z-index:1;background-color:#88e1fe;box-shadow:0 1px 1px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.1),0 6px 8px rgba(0,0,0,.1)}}@media screen and (min-width:0px){.secondSite{height:auto;background-color:#222;padding:30px 0 0;width:100%;min-height:450px}.secondSite h1{margin-left:0;font-size:45px;color:#88e1fe;text-transform:uppercase;width:100%;text-align:center;font-family:Montserrat-Regular}#latestprojectshr{width:7%;height:4px;background-color:#fff;margin-top:-20px;border:none}.thinkingPersonSvg{visibility:hidden;width:0}.secondSite table{width:100%}.secondSite td{width:100%;display:grid;grid-template-rows:1fr 1fr 1fr}.divAllProjects{width:100%;height:20%;background-color:#f2f2f2;margin-top:80px}.divAllProjects.active{margin-top:250px}.secondSite button{width:50%;margin-left:45%;background-color:#fb795b;border:none;height:auto;margin-top:-100px;font-size:20px;font-family:Montserrat-Regular;font-weight:500;border-radius:5px;padding:10px 40px;box-shadow:0 4px 0 rgba(0,0,0,.2)}.secondSite button a{text-decoration:none;color:#111}.secondSite #loader{position:relative;margin-left:0;visibility:hidden;color:#fff;margin-top:30%}.secondSite #loader.active{visibility:visible}.latestProjects{width:80%;margin:-30% auto auto 10%;display:grid;grid-template-columns:1fr;padding:0}.latestProjects ul{width:70%;background-color:#88e1fe;border-radius:10px;margin-left:10%;padding:0 0 0 10%}.latestProjects .projectHead{width:115%;height:auto;padding-bottom:5px;position:inherit;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#fb795b;margin-left:-15%;text-align:center;border-bottom:2px solid #222}.latestProjects .projectHead li{margin:8px 0 0;font-size:22px;display:inline-block;width:100%;color:#111;font-weight:500;font-family:Montserrat-Regular}.latestProjects .projectInformation{padding:10px 0 20px 10%;width:105%;height:70%;margin-left:-15%;background-color:#88e1fe;border-bottom-left-radius:10px;border-bottom-right-radius:10px;transition:.3s}.latestProjects .projectInformation li{margin:8px 0 0;font-size:17px;display:inline-block;width:100%;color:#111;font-weight:500;font-family:Montserrat-Regular}}@media screen and (min-width:960px){.secondSite{height:400px;background-color:#222;box-shadow:0 1px 1px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.1),0 6px 8px rgba(0,0,0,.1);padding-bottom:100px;z-index:2;position:relative;min-height:400px;width:80%;padding-left:10%;padding-right:10%}#latestprojectshr{width:5%;height:3px;margin-top:-10px}.thinkingPersonSvg{width:300px;top:208px;left:-2%;position:absolute;visibility:visible}.secondSite td{width:100%;display:inline-grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}.secondSite #loader{position:relative;margin-left:0;visibility:hidden;color:#fff;margin-top:-7%}.secondSite #loader.active{visibility:visible}.latestProjects{width:80%;margin:100px auto auto 10%;display:grid;grid-template-columns:1fr 1fr 1fr;padding:0}.latestProjects ul{width:60%;background-color:#88e1fe;border-radius:10px;margin-left:15%;padding:0 0 0 9%}.latestProjects .projectHead{width:115%;height:auto;padding-bottom:5px;position:inherit;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#fb795b;margin-left:-15%;border-bottom:2px solid #222}.latestProjects .projectHead li{margin:8px 0 0;font-size:22px;display:inline-block;width:100%;color:#111;font-weight:500}.latestProjects .projectInformation{padding:10px 0 20px 10%;width:105%;height:70%;margin-left:-15%;background-color:#88e1fe;border-bottom-left-radius:10px;border-bottom-right-radius:10px;transition:.3s}.latestProjects .projectInformation li{margin:8px 0 0;font-size:17px;display:inline-block;width:100%;color:#111;font-weight:500}.secondSite button{width:auto;margin-left:14%;background-color:#fb795b;border:none;height:40px;margin-top:50px;font-size:20px;font-family:-apple-system;font-weight:500;border-radius:5px;padding:5px 40px;box-shadow:0 6px 8px rgba(0,0,0,.3)}.divAllProjects{width:100%;height:20%;background-color:inherit;margin-top:0}}@media screen and (min-width:0px){.thirdSite{height:75vh;margin:0;position:inherit;width:100%;background-color:#f2f2f2;padding:50px 0 0}.visualizationSvg{height:20vh;right:63%;top:calc(100vh + 800px);margin-top:calc(15% - 3.5vh);position:absolute}.bewhatyouwant{height:15vh;margin:0 auto auto 7%}#wrap a{color:#fb795b;text-decoration:none}#wrap,#wrap a{font-family:Montserrat-Regular;font-size:35px;font-weight:500}#wrap{color:#111}.wrap{float:left;font-size:25px;font-family:Montserrat-Regular;color:#fb795b;font-weight:500;margin-top:0}}@media screen and (min-width:960px){.thirdSite{height:65vh;margin:0;position:inherit;width:70%;padding:20px 15% 0}.visualizationSvg{height:57vh;right:2%;top:calc(100vh + 400px);margin-top:calc(15% - 3.5vh);position:absolute}.bewhatyouwant{height:15vh;margin:0 auto auto 7%}#wrap{font-size:55px;color:#111}#wrap,.wrap{font-family:Montserrat-Regular;font-weight:500}.wrap{float:left;font-size:30px;color:#fb795b;margin-top:20px}}:root{--container-bg-color:#333;--left-bg-color:#88e1fe;--left-button-hover-color:hsla(0,0%,100%,0.5);--left-buttonborder-hover-color:hsla(0,0%,100%,0.6);--right-bg-color:rgba(43,43,43,0.8);--right-button-hover-color:rgba(92,92,92,0.3);--hover-width:45%;--other-width:25%;--speed:800ms}@media screen and (min-width:0px){.pictureheadlines{font-size:35px;color:#f2f2f2;position:absolute;font-family:Montserrat-Regular;text-align:center;width:100%;font-weight:500;margin-top:70px;visibility:visible}.headlineleft{color:#111}.button{display:block;position:absolute;left:15%;top:27vh;height:40px;width:70%;text-align:center;color:#fb795b;border:2px solid #fb795b;font-size:1rem;border-radius:15px;font-weight:700;text-transform:uppercase;text-decoration:none;visibility:visible;transition:.3s;font-family:Montserrat-Regular;line-height:40px}.split.left .button:hover{background-color:hsla(0,0%,100%,.5);background-color:var(--left-button-hover-color);border-color:hsla(0,0%,100%,.6);border-color:var(--left-buttonborder-hover-color)}.split.right .button:hover{background-color:rgba(92,92,92,.3);background-color:var(--right-button-hover-color);border-color:rgba(92,92,92,.3);border-color:var(--right-button-hover-color)}.containeroption{width:100%;background:#333;background:var(--container-bg-color);z-index:2;padding-top:0;margin:5vh 0 0;position:static}.containeroption,.split{height:50vh;visibility:visible;border:none}.split{position:absolute;width:50%;overflow:hidden;z-index:1}.split.left{left:0;background:url(https://photos.programs-with-code.com/designer-img.jpg) 50% no-repeat;background-size:cover;border:none}.split.left:before{position:absolute;content:"";width:100%;height:100%;background:#88e1fe;background:var(--left-bg-color);opacity:.8}.split.right{right:0;background:url(https://photos.programs-with-code.com/programmierer-img.jpg) 50% no-repeat;background-size:cover;border:none}.split.right:before{position:absolute;content:"";width:100%;height:100%;background:rgba(43,43,43,.8);background:var(--right-bg-color)}}@media screen and (min-width:960px){.pictureheadlines{font-size:55px;color:#f2f2f2;font-weight:500;margin-top:calc(20vh - 130px)}.button,.pictureheadlines{position:absolute;font-family:Montserrat-Regular;visibility:visible}.button{display:block;left:calc(50% - 75px);top:20vh;height:40px;width:150px;text-align:center;color:#fb795b;border:2px solid #fb795b;font-size:1rem;border-radius:15px;font-weight:700;text-transform:uppercase;text-decoration:none;transition:.3s;line-height:40px}.split.left .button:hover{background-color:hsla(0,0%,100%,.5);background-color:var(--left-button-hover-color);border-color:hsla(0,0%,100%,.6);border-color:var(--left-buttonborder-hover-color)}.split.right .button:hover{background-color:rgba(92,92,92,.3);background-color:var(--right-button-hover-color);border-color:rgba(92,92,92,.3);border-color:var(--right-button-hover-color)}.containeroption{width:100%;background:#333;background:var(--container-bg-color);padding-top:0;margin:5vh 0 0;background-color:#999;border:none;position:static;box-shadow:0 1px 1px hsla(0,0%,39.2%,.2),0 2px 2px hsla(0,0%,39.2%,.2),0 4px 4px hsla(0,0%,39.2%,.1),0 6px 8px hsla(0,0%,39.2%,.1);border-radius:20px}.containeroption,.split{height:30vh;visibility:visible;z-index:1}.split{position:absolute;width:35%;overflow:hidden;border:none}.split.left{left:15%;background:url(https://photos.programs-with-code.com/designer-img.jpg) 50% no-repeat;background-size:cover;border:none;border-top-left-radius:20px;border-bottom-left-radius:20px}.split.left:before{position:absolute;content:"";width:100%;height:100%;background:#88e1fe;background:var(--left-bg-color);opacity:.8}.headlineleft{color:#111}.split.right{right:15%;background:url(https://photos.programs-with-code.com/programmierer-img.jpg) 50% no-repeat;background-size:cover;border:none;border-top-right-radius:20px;border-bottom-right-radius:20px}.split.right:before{position:absolute;content:"";width:100%;height:100%;background:rgba(43,43,43,.8);background:var(--right-bg-color)}.split.left,.split.left:before,.split.right,.split.right:before{transition:all .8s ease-in-out;transition:var(--speed) all ease-in-out}.hover-left .left{width:45%;width:var(--hover-width)}.hover-left .right{width:25%;width:var(--other-width)}.hover-left .right:before{z-index:1}.hover-right .right{width:45%;width:var(--hover-width)}.hover-right .left{width:25%;width:var(--other-width)}.hover-right .left:before{z-index:2}}@media screen and (min-width:0px){.fourthSite{height:auto;background-color:#fb795b;padding:0 0 100px;width:100%;margin:0}.splittedParts{display:grid;grid-template-rows:1fr;min-height:400px}.workpictures{visibility:hidden;height:0;margin-top:0;position:static;margin-bottom:80px}.workimgone{margin-bottom:0;margin-left:10%;border:0 solid;border-radius:10px}.workimgone,.workimgtwo{width:0;height:130px;visibility:hidden;position:static;box-shadow:0 1px 1px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.1)}.workimgthree,.workimgtwo{margin-left:0;border-radius:10px}.workimgthree{width:0;height:180px;visibility:hidden;position:static;box-shadow:0 1px 1px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.1)}.fourthSite .textPart h1{margin:10% 0 0 5%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:35px;color:#111;font-family:Montserrat-Regular;text-transform:uppercase}.fourthSite .textPart p{margin-left:7%;width:80%;font-size:22px;font-weight:500;color:#111;font-family:Montserrat-Regular;margin-bottom:50px}#readMore{width:150px;height:40px;background-color:#222;color:#fff;margin-left:7%;font-size:15px;box-shadow:0 1px 1px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.1);border:none}.moreAboutMe{width:100%;height:100vh;position:fixed;background:rgba(0,0,0,.8);top:0;z-index:2;visibility:hidden}.moreAboutMe.active{visibility:visible}.moreAboutMe .content{width:90%;height:calc(70% - 60px);background:hsla(0,0%,100%,.8);position:fixed;top:calc(5% + 60px);left:5%;border-radius:10px;display:inline-block;overflow-y:scroll;border-bottom:20px solid hsla(0,0%,100%,0)}#moreAboutTitle{text-align:center;font-size:25px;width:150px;margin-left:50%;width:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#moreAboutTitle:before{content:"";position:absolute;width:60px;height:3px;left:calc(50% - 30px);background-color:#000;top:40px}#moreAboutMeText{text-align:center;font-size:18px;width:80%;margin-left:10%}.closeMoreAboutMe{position:fixed;background:hsla(0,0%,100%,.85);border-radius:180px;border:none;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:82%;font-size:30px;font-weight:400;padding:5px 10px}}@media screen and (min-width:960px){.fourthSite{height:auto;width:70%;padding:40px 15% 0;box-shadow:0 2px 10px rgba(251,121,91,.5);z-index:2;position:relative}.splittedParts{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;min-height:400px}.workpictures{width:70%;top:0;visibility:visible;height:auto;margin-top:10px;position:static}.workimgone{width:45%;margin-bottom:0;margin-left:45%;border:0 solid;margin-top:25px}.workimgone,.workimgtwo{height:130px;visibility:visible;position:static}.workimgtwo{width:55%;margin-top:20px;margin-left:20%}.workimgthree{width:40%;height:180px;margin-left:80%;margin-top:-115px;visibility:visible;position:static}.fourthSite .textPart h1{font-size:45px}.fourthSite .textPart p{font-size:25px;margin-bottom:0}#readMore,#readMore:hover{margin:5% 0 0 7%;font-size:13px}.moreAboutMe{width:100%;height:100vh;position:fixed;background:rgba(0,0,0,.75);top:0;left:0}.moreAboutMe .content{width:70%;height:calc(70% - 60px);position:fixed;top:calc(15% + 60px);left:15%;background:hsla(0,0%,100%,.85);border-radius:20px}#moreAboutTitle{text-align:center;font-size:45px;width:100%}#moreAboutTitle:before{content:"";position:absolute;width:100px;height:3px;left:calc(50% - 50px);background-color:#000;top:70px}#moreAboutMeText{text-align:center;margin-top:100px;width:70%;margin-left:15%}.closeMoreAboutMe{position:fixed;background:hsla(0,0%,100%,.85);border-radius:180px;border:none;left:87%;top:calc(15% + 60px);font-size:30px;font-weight:400;padding:5px 10px}}@media screen and (min-width:0px){.fifthSite{height:auto;background-color:#f2f2f2;width:100%;padding:50px 0 70px;margin:0}.developerSvg{width:50%;margin-top:5%;margin-bottom:-28px;margin-left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.explore{width:94%;position:static;margin:0 0 0 3%;height:450px;background-color:#222;box-shadow:0 1px 1px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.1);border-radius:5px}.explore h2{font-size:27px;color:#f2f2f2;margin-left:0;padding-top:60px}.explore h2,.explore p{text-align:center;font-family:Montserrat-Regular}.explore p{font-size:18px;color:#dbdbdb;padding-top:10px;width:80%;margin-left:10%}#start_now{width:180px;height:40px;margin-left:calc(50% - 90px);border:0;line-height:30px;margin-top:50px;color:#111;font-size:14px;font-weight:400;transition:.6s}#start_now,.fifthSite .down_icon{background-color:#88e1fe;text-align:center}.fifthSite .down_icon{right:15%;top:calc(195vh + 1600px);padding:10px 10px -5px;border-radius:180px;width:35px;height:35px;position:absolute;z-index:1;margin-top:90vh;box-shadow:0 1px 1px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.1);visibility:hidden}.fifthSite .down_icon img{width:22px;color:#000;opacity:1;margin:8px 0 0}}@media screen and (min-width:960px){.fifthSite{height:auto;padding-bottom:70px;margin:0;width:80%;padding-left:10%;padding-right:10%}.developerSvg{width:20%;left:7%;position:absolute;margin-top:5%;margin-left:10%}.explore{width:64%;position:static;margin-top:0;margin-left:33%;height:400px;background-color:#222;border-radius:10px}.explore h2{text-align:center;font-size:35px;color:#f2f2f2;font-family:Montserrat-Regular;margin-left:0;padding-top:60px}.explore p{font-size:20px;font-weight:500;width:60%;text-align:center;margin-left:20%;color:#e6e6e6}#start_now{font-weight:500;font-size:17px;border-radius:5px;margin-top:65px}.fifthSite .down_icon{right:5%;top:calc(100vh + 1380px);text-align:center;padding:10px 10px -5px;border-radius:180px;width:35px;height:35px;position:absolute;z-index:1;margin-top:90vh;background-color:#88e1fe;box-shadow:0 1px 1px rgba(0,0,0,.15),0 2px 2px rgba(0,0,0,.15),0 4px 4px rgba(0,0,0,.15),0 6px 8px rgba(0,0,0,.15);visibility:visible}}@media screen and (min-width:0px){.footer{width:100%;background-color:#222}.footer p{font-family:Montserrat-Regular;color:#f2f2f2}.topPartFooter{width:95%;height:600px;margin:0;display:grid;grid-template-rows:1fr;padding-left:5%}.topPartFooter div h2{color:#88e1fe;margin-bottom:10px;font-family:Montserrat-Regular}.topPartFooter div ul{margin:0;padding:2px}.topPartFooter div ul li{color:#88e1fe;display:block;margin:0;font-size:20px;font-family:Montserrat-Regular}.topPartFooter div ul li a{color:#88e1fe;text-decoration:none}.socialMediaPart{width:200%}.LegacyPart{width:200%;margin-top:10px}.LinkPart{width:200%}.footerLogo{width:5%;height:200px;left:10%;padding-top:450px;position:absolute}#footerLogoIcon{width:60px;height:60px;margin:0 auto auto 10%}.siteLinks{width:35%;left:15%;padding-top:20px;position:absolute;display:grid;grid-template-rows:1fr 1fr 1fr}.footerSocialMedia{width:50%;height:200px;left:50%;padding-top:450px;position:absolute}.footerSocialMedia a{text-decoration:none;color:#fff;font-size:20px;margin:20px 20px 0 0}#footerContactButton{width:140px;height:35px;border:none;background-color:#fb795b;border-radius:20px;margin-top:25px}#footerContactButton a{font-size:15px;margin:0}.bottomPartFooter{padding:10px 0 15px}.bottomPartFooter,.bottomPartFooter.active{width:100%;text-align:center;background-color:#111}.bottomPartFooter.active{padding:10px 0 60px}.bottomPartFooter p{font-family:Montserrat-Regular;font-size:18px;line-height:10px}}@media screen and (min-width:481px){.footer{width:100%;background-color:#222}.footer p{font-family:Montserrat-Regular;color:#f2f2f2}.topPartFooter{width:95%;height:400px;margin:0;display:grid;grid-template-rows:1fr;padding-left:5%}.topPartFooter div h2{color:#88e1fe;margin-bottom:10px}.topPartFooter div ul{margin:0;padding:2px}.topPartFooter div ul li{color:#88e1fe;display:block;margin:0;font-size:20px}.topPartFooter div ul li a{color:#88e1fe;text-decoration:none}.socialMediaPart{width:200%;margin-top:30px}.LegacyPart{width:100%;margin:0 0 0 60%}.LinkPart{width:200%}.footerLogo{width:5%;height:200px;left:75%;padding-top:50px;position:absolute}#footerLogoIcon{width:60px;height:60px;margin:0 auto auto 0}.siteLinks{width:35%;left:15%;padding-top:20px;position:absolute;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.footerSocialMedia{width:30%;height:200px;left:50%;padding-top:200px;position:absolute}.footerSocialMedia a{text-decoration:none;color:#fff;font-size:20px;margin:20px 20px 0 0}#footerContactButton{width:140px;height:35px;border:none;background-color:#fb795b;border-radius:20px;margin-top:25px}#footerContactButton a{font-size:15px;margin:0}.bottomPartFooter{padding:10px 0 15px}.bottomPartFooter,.bottomPartFooter.active{width:100%;text-align:center;background-color:#111}.bottomPartFooter.active{padding:10px 0 60px}.bottomPartFooter p{font-family:Montserrat-Regular;font-size:18px;line-height:10px}}@media screen and (min-width:1024px){.footer{width:100%;height:250px;background-color:#222}.footer p{font-family:Montserrat-Regular;color:#f2f2f2}.topPartFooter{width:95%;height:200px;margin:0;display:grid;grid-template-rows:1fr;padding-left:5%}.topPartFooter div{width:200px;margin-top:5px;margin-right:0}.topPartFooter div h2{color:#88e1fe;margin-bottom:10px}.topPartFooter div ul{margin:0;padding:2px}.topPartFooter div ul li{color:#88e1fe;display:block;margin:0;font-size:20px}.topPartFooter div ul li a{color:#88e1fe;text-decoration:none}.socialMediaPart{width:200%;margin:0}.LegacyPart{width:200%;margin-left:10px}.LinkPart{width:200%;margin:0}.footerLogo{width:15%;height:200px;left:5%;margin:0;padding:0;position:absolute}#footerLogoIcon{width:100px;height:100px;margin:40px auto auto 20%}.siteLinks{width:25%;left:35%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}.footerSocialMedia{width:25%;height:200px;left:80%;margin:0;padding-top:40px;position:absolute}.footerSocialMedia a{text-decoration:none;color:#fff;font-size:20px;margin:20px 20px 0 0}#footerContactButton{width:140px;height:35px;border:none;background-color:#fb795b;border-radius:20px;margin-top:25px}#footerContactButton a{font-size:15px;margin:0}.bottomPartFooter{width:100%;text-align:center;padding:10px 0 15px;background-color:#111}.bottomPartFooter p{font-family:Montserrat-Regular;font-size:18px;line-height:10px}}@media screen and (min-width:0px){.projectSite{min-height:100vh}.filter{position:fixed;left:0;width:100%;padding-left:10px;padding-right:10px;height:46px;background-color:#333;transition:.5s;border-top:2px solid #88e1fe;z-index:2;font-family:Montserrat-Regular;box-shadow:inset 0 0 5px #000}.filter,.filter.active{top:60px}.filter p{width:100px;text-align:center;font-size:20px;-webkit-transform:translateY(-38%);transform:translateY(-38%)}.filter p a{width:80px;color:#88e1fe;text-decoration:none;font-weight:500}.filterMobileSlide{height:calc(100vh - 100%);position:fixed;top:100%;background-color:#333;width:100%}.filterField,.filterMobileSlide.active{background-color:#fb795b}.filterField{position:fixed;width:100%;height:100vh;border-right:2px solid #666;z-index:1;top:100%;transition:.5s;box-shadow:0 1px 1px transparent,0 2px 2px transparent,0 4px 4px transparent}.filterField.active{top:60px;box-shadow:0 1px 1px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.1)}.filterField h1{margin:80px auto auto 10%;font-family:Montserrat-Regular;font-size:25px;font-weight:500}.filterField h1:after{content:"";width:50px;height:3px;left:calc(10% - 10px);margin-top:30px;background-color:#111;position:absolute}.degreeofdifFilter{width:80%;background-color:#222;margin:40px auto auto calc(10% - 10px);border-radius:10px;padding-top:5px;padding-bottom:50px;text-align:center}.degreeofdifFilter h2{color:#f2f2f2;font-family:Montserrat-Regular;font-size:23px;font-weight:500}.inputs input[type=checkbox]{margin-right:20px;font-size:30px;cursor:pointer;visibility:hidden;color:#ffe800}.inputs input[type=checkbox]:before{content:"\2606";position:absolute;visibility:visible}.inputs input[type=checkbox]:checked{visibility:hidden}.inputs input[type=checkbox]:checked:before{background:inherit;content:"\2605"}.categoryFilter{width:80%;background-color:#222;margin:100px auto auto calc(10% - 10px);border-radius:10px;padding-top:5px;padding-bottom:30px;text-align:center}.categoryFilter h2{color:#f2f2f2;font-size:23px}.categoryFilter button,.categoryFilter h2{font-family:Montserrat-Regular;font-weight:500}.categoryFilter button{color:#111;font-size:20px;border:none;background-color:#88e1fe;margin:auto 5px;border-radius:10px;padding:5px 15px}.cssFilterLink,.javascriptFilterLink{color:#111;text-decoration:none}.currentFilter{position:static;width:265px;margin-top:150px;float:right;margin-right:35px}.degreeofdifButton{display:grid;grid-template-columns:1fr 1fr 1fr;background-color:#dbdbdb;height:40px;width:265px;padding-left:10px;border-radius:20px;margin-bottom:15px}.degreeofdifButton p{margin-left:5px;width:150px;margin-top:10px}.degreeofdifButton button{width:100px;text-align:center;background-color:#999;border:none;font-size:15px;height:40px;margin-left:-120px;border-top-left-radius:180px;border-bottom-left-radius:180px;padding-bottom:3px;transition:.5s}.removeDegreeOfDifLink{color:#111;text-decoration:none}.categoryButton{display:grid;grid-template-columns:1fr 1fr 1fr;background-color:#dbdbdb;height:40px;width:260px;padding-left:15px;border-radius:20px;margin-bottom:15px}.categoryButton p{width:150px;margin-top:10px}#categoryState{margin-left:-65px}.categoryButton button{width:100px;text-align:center;background-color:#999;border:none;font-size:15px;height:40px;margin-left:-50px;border-top-left-radius:180px;border-bottom-left-radius:180px;padding-bottom:3px;transition:.5s}.removeCategoryLink{color:#111;text-decoration:none}#loader{color:#000;position:absolute;font-size:40px;text-indent:-9999em;overflow:hidden;width:1em;height:1em;border-radius:50%;left:calc(50% - .5em);top:45%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:load6 1.7s ease infinite,round 1.7s ease infinite;animation:load6 1.7s ease infinite,round 1.7s ease infinite;visibility:hidden}#loader.active{visibility:visible}@-webkit-keyframes load6{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@keyframes load6{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@-webkit-keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.allProjects{width:80%;margin:130px auto auto 10%;display:grid;grid-template-columns:1fr;padding-bottom:100px;padding-top:0}.allProjects ul{width:70%;background-color:#88e1fe;border-radius:10px;margin-left:10%;padding:0 0 0 10%}.allProjects .projectHead{width:115%;height:40px;position:inherit;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#fb795b;margin-left:-15%;border-bottom:2px solid #222}.allProjects .projectHead li{margin:8px 0 0 20px;font-size:22px;display:inline-block;width:100%;color:#111;font-weight:500;font-family:Montserrat-Regular}.allProjects .projectInformation{padding:10px 0 20px 10%;width:105%;height:70%;margin-left:-15%;background-color:#88e1fe;border-bottom-left-radius:10px;border-bottom-right-radius:10px;transition:.3s}.allProjects .projectInformation li{margin:8px 0 0;font-size:17px;display:inline-block;width:100%;color:#111;font-weight:500;font-family:Montserrat-Regular}}@media screen and (min-width:960px){.projectSite{margin:0;min-height:100vh}.filter{position:fixed;width:auto;padding-left:10px;padding-right:10px;height:46px;border-radius:180px;background-color:#333;border:2px solid #88e1fe;z-index:2;box-shadow:none}.filter,.filter.active{left:18px;top:20px;transition:.8s ease-in-out}.filter p{width:100px;text-align:center;font-size:20px;-webkit-transform:translateY(-38%);transform:translateY(-38%)}.filter p a{width:80px;color:#88e1fe;text-decoration:none;font-weight:500}.filterField{width:40%;height:100vh;background-color:#fb795b;margin-top:0;padding-top:10px;border-right:2px solid #666;z-index:1;margin-left:calc(-40% + 162px);transition:.7s;box-shadow:0 1px 1px transparent,0 2px 2px transparent,0 4px 4px transparent}.filterField,.filterField.active{position:-webkit-sticky;position:sticky;top:0}.filterField.active{margin-left:0;box-shadow:0 1px 1px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.1)}.filterField h1{margin:150px auto auto 10%;font-family:Montserrat-Regular;font-size:30px;font-weight:500}.filterField h1:after{content:"";width:60px;height:4px;left:calc(10% - 10px);margin-top:35px;background-color:#111;position:absolute}.degreeofdifFilter{width:calc(80% - 50px);background-color:#222;margin:70px auto auto calc(10% - 10px);border-radius:10px;padding-top:5px;padding-left:50px;padding-bottom:50px;text-align:left}.degreeofdifFilter h2{color:#f2f2f2;font-family:Montserrat-Regular;font-size:30px;font-weight:500}.inputs input[type=checkbox]{margin-right:20px;font-size:30px;cursor:pointer;visibility:hidden;color:#ffe800}.inputs input[type=checkbox]:before{content:"\2606";position:absolute;visibility:visible}.inputs input[type=checkbox]:checked{visibility:hidden}.inputs input[type=checkbox]:checked:before{background:inherit;content:"\2605"}.categoryFilter{width:calc(80% - 50px);background-color:#222;margin:70px auto auto calc(10% - 10px);border-radius:10px;padding-top:5px;padding-left:50px;padding-bottom:50px;text-align:left}.categoryFilter h2{color:#f2f2f2;font-size:30px}.categoryFilter button,.categoryFilter h2{font-family:Montserrat-Regular;font-weight:500}.categoryFilter button{color:#111;font-size:20px;border:none;background-color:#88e1fe;margin-right:30px;border-radius:10px;padding:5px 15px}.currentFilter{position:absolute;margin-left:0;margin-top:0;left:20%;top:0;padding-top:100px}.degreeofdifButton{display:grid;grid-template-columns:1fr 1fr 1fr;background-color:#dbdbdb;height:40px;width:265px;padding-left:10px;border-radius:20px;margin-bottom:15px}.degreeofdifButton p{margin-left:5px;width:150px;margin-top:10px}.degreeofdifButton button{width:120px;text-align:center;background-color:#999;border:none;font-size:17px;height:40px;margin-top:0;margin-left:-100px;border-radius:180px;padding-top:6px;transition:.5s}.categoryButton{display:grid;grid-template-columns:1fr 1fr 1fr;background-color:#dbdbdb;height:40px;width:260px;padding-left:15px;border-radius:20px}.categoryButton p{width:150px;margin-top:10px}#categoryState{margin-left:-65px}.categoryButton button{width:120px;text-align:center;background-color:#999;border:none;font-size:17px;height:40px;margin-top:0;margin-left:-30px;border-radius:180px;padding-top:6px;transition:.5s}.allProjects{margin-top:-85vh;transition:.7s}.allProjects,.allProjects.activeFilter{width:calc(80% - 162px);margin-left:calc(10% + 162px);padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr 1fr}.allProjects.activeFilter{margin-top:calc(-85vh + 100px)}.allProjects.active{width:40%;margin-left:50%;padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr}.allProjects a{width:80%;height:80px;margin-bottom:90px;padding:0}.allProjects ul{width:100%;height:110px;background-color:#88e1fe;border-radius:10px;margin:0;padding:0 0 20px;border:1px solid #dbdbdb;box-shadow:0 1px 1px #dbdbdb,0 2px 2px #dbdbdb,0 4px 4px #dbdbdb}.allProjects.active a{margin-bottom:90px}.projectSite .projectHead{width:100%;height:40px;position:inherit;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#fb795b;margin-left:0;border-bottom:2px solid #222}.projectSite .projectHead li{margin:8px 0 0 20px;font-size:22px;display:inline-block;width:100%;color:#111;font-weight:500}.projectSite .projectInformation{padding:10px 0 0 10%;width:90%;height:70%;margin-left:0;background-color:#88e1fe;border-bottom-left-radius:10px;border-bottom-right-radius:10px;transition:.3s}.projectSite .projectInformation li{margin:8px 0 0;font-size:17px;display:inline-block;width:100%;color:#111;font-weight:500}}@media screen and (min-width:0px){.background{width:100vw;height:calc(100vh - 80px);background-color:#fff;margin:0;padding-top:80px}.email{width:80%;position:static;background-color:#88e1fe;overflow:hidden;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-left:50%;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;border-radius:5px;display:grid;grid-template-rows:1fr;height:80vh;padding:3vh 5% 10px}.emailform{width:80vw;padding:0;margin-top:30px}.emailform .emailformTitle{display:block;font-family:Montserrat-Regular;font-size:27px;color:#333;line-height:1.2;margin-left:0;text-align:left;padding-bottom:36px}.emailform textarea.input{min-height:150px;border-radius:2px;padding:10px 30px 0;width:calc(70vw - 60px);resize:none}.emailform .inputDiv{position:relative;width:80vw;z-index:1;margin-bottom:10px}.emailform .input{height:40px;border-radius:2px;padding:0 30px 0 50px;border:none;display:block;width:calc(70vw - 80px);margin-left:5vw;background:#f2f2f2;font-family:Montserrat-Regular;font-size:15px;line-height:1.5;color:#666}.emailform .focus_input{display:block;position:absolute;border-radius:2px;bottom:0;left:0;z-index:-1;width:calc(50% + 60px);height:100%;box-shadow:0 0 0 0;color:#fb795b;opacity:.3}.emailform .input:focus+.focus_input,.emailform .input:focus+.focus_input_txt{-webkit-animation:anim-shadow .5s ease-in-out forwards;animation:anim-shadow .5s ease-in-out forwards}@-webkit-keyframes anim-shadow{to{box-shadow:0 0 60px 25px;opacity:0}}@keyframes anim-shadow{to{box-shadow:0 0 60px 25px;opacity:0}}.emailform .symbol_input{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:absolute;border-radius:25px;bottom:0;left:10%;width:100%;height:100%;padding-left:2px;pointer-events:none;color:#aaa;font-size:15px;transition:all .4s}.emailform .input:focus+.focus_input+.symbol_input{color:#fb795b;padding-left:10px}.emailform .sendMail{width:100%;padding-left:0;padding-top:30px;margin-left:0}.emailform .emailBtn,.emailform .sendMail{-webkit-justify-content:center;justify-content:center}.emailform .emailBtn{width:70vw;height:50px;left:0;border-radius:2px;background-color:#fb795b;font-family:Montserrat-Regular;font-size:18px;line-height:1.5;color:#222;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;transition:all .4s;outline:none!important;border:none;margin-left:5vw;margin-top:30px}.socialMedia{width:0;visibility:hidden;height:0}}@media screen and (min-width:960px){.background{width:100vw;height:50vh;background-color:#fff;padding:50vh 0 0;margin:0}.email{width:80%;position:static;background-color:#88e1fe;overflow:hidden;height:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-left:50%;padding:3% 5%;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;border-radius:5px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.emailform{width:100%;border-right:2px solid #555}.emailform .emailformTitle{display:block;font-family:Montserrat-Regular;font-size:27px;color:#333;line-height:1.2;margin-left:0;text-align:left;padding-bottom:36px}.emailform textarea.input{min-height:150px;border-radius:2px;padding:10px 30px 0;width:70%;resize:none;margin-left:0}.emailform .inputDiv{position:relative;width:100%;z-index:1;margin-bottom:10px}.emailform .input{height:40px;border-radius:2px;padding:0 30px 0 50px;border:none;display:block;width:calc(50% + 60px);background:#f2f2f2;font-family:Montserrat-Regular;font-size:15px;line-height:1.5;color:#666;margin-left:0}.emailform .focus_input{display:block;position:absolute;border-radius:2px;bottom:0;left:0;z-index:-1;width:calc(50% + 60px);height:100%;box-shadow:0 0 0 0;color:#fb795b;opacity:.3}.emailform .input:focus+.focus_input,.emailform .input:focus+.focus_input_txt{-webkit-animation:anim-shadow .5s ease-in-out forwards;animation:anim-shadow .5s ease-in-out forwards}@-webkit-keyframes anim-shadow{to{box-shadow:0 0 60px 25px;opacity:0}}@keyframes anim-shadow{to{box-shadow:0 0 60px 25px;opacity:0}}.emailform .symbol_input{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:absolute;border-radius:25px;bottom:0;left:0;width:100%;height:100%;padding-left:30px;pointer-events:none;color:#aaa;font-size:15px;transition:all .4s}.emailform .input:focus+.focus_input+.symbol_input{color:#fb795b;padding-left:22px}.emailform .sendMail{width:100%;padding-left:0;padding-top:30px;margin-left:0}.emailform .emailBtn,.emailform .sendMail{-webkit-justify-content:center;justify-content:center}.emailform .emailBtn{width:20%;height:50px;border-radius:2px;background-color:#fb795b;font-family:Montserrat-Regular;font-size:18px;line-height:1.5;color:#222;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;transition:all .4s;outline:none!important;border:none;margin:0;-webkit-transform:translateX(0);transform:translateX(0)}.emailform .emailBtn:hover{cursor:pointer;background:#333;color:#f2f2f2}.socialMedia{width:90%;margin-left:10%;visibility:visible}.socialMedia .socialMediaTitle{display:block;margin-top:35px;font-family:Montserrat-Regular;font-size:27px;color:#333;line-height:1.2;margin-left:0;text-align:left;padding-bottom:36px}.socialMedia .instagramField{padding:10px 10px 5px;background-color:#fb795b;border-radius:10px;width:170px;margin:50px 0 0 100px;transition:.3s;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.socialMedia .instagramField:hover{background-color:#333}.socialMedia .instagramField:hover>label{color:#fff}.socialMedia .pinterestField{padding:10px 10px 5px;background-color:#fb795b;border-radius:10px;width:170px;margin:50px 0 0 30px;transition:.3s;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.socialMedia .pinterestField:hover{background-color:#333}.socialMedia .pinterestField:hover>label{color:#fff}.socialMedia label{font-family:arial;font-size:22px;color:#222;position:relative;vertical-align:middle;bottom:7px;margin:10px 10px 0 15px}.socialMedia a{font-family:arial;font-size:18px;color:#88e1fe;margin-left:15px;text-decoration:none}.socialMediaOptions{display:grid;grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=main.33c6e4dd.chunk.css.map */