@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100vh;width:98vw}body{background-color:#f5f5f5;margin:0;padding:0}.Sidebar{background:#e3e3e3;height:100%;left:0;position:fixed;top:0;width:280px}.logo{display:block;margin:0 auto;padding-bottom:20px;padding-top:40px;width:80%}a{text-decoration:none}.logo:hover{cursor:pointer}.SidebarList{height:auto;padding:0;width:100%}.SidebarList .row{align-items:center;color:#636363;display:flex;flex-direction:row;font-family:Josefin Sans,cursive;font-size:14px;height:50px;justify-content:center;list-style-type:none;margin:0;text-decoration:none;width:100%}.SidebarList .row:hover{cursor:pointer}.SidebarList #active,.SidebarList .row:hover{color:#3d838a;font-weight:700}.line{background-color:#3d838a;height:8px;left:0;position:fixed;top:0;width:100%;z-index:2}.thin-line{background-color:#ebebeb;height:3px;margin:0 auto;width:96%}.footer{align-items:center;background-color:#3d838a;color:#fff;display:flex;font-size:16px;height:60px;justify-content:center;left:0;margin-top:100px;position:absolute;width:100%}.footer,.text{font-family:Josefin Sans,cursive}.text{color:#6e6e6e;margin:0 auto;max-width:1000px;padding:20px min(20px) 10px}.space{padding-top:100px}.image-box-1{background:linear-gradient(90deg,#1496c2b3,#009e96cc),url(/static/media/1.b2969ec48e58b4da5585.jpeg) repeat top}.image-box-1,.image-box-2{aspect-ratio:1;border-radius:20px;display:flex;justify-content:center;min-width:85%}.image-box-2{background:linear-gradient(90deg,#1496c2b3,#009e96cc),url(/static/media/2.edbf511a263dea46bdf4.jpeg) repeat top}.image-box-3{background:linear-gradient(90deg,#1496c2b3,#009e96cc),url(/static/media/3.45033375bb921aff624d.jpeg) repeat top}.image-box-3,.image-box-4{aspect-ratio:1;border-radius:20px;display:flex;justify-content:center;margin-top:20px;min-width:85%}.image-box-4{background:linear-gradient(90deg,#1496c2b3,#009e96cc),url(/static/media/4.01b7b7ff5de203eca9c3.jpeg) repeat top}.p{height:55%;margin-left:5%;padding-right:1%}.icon-big{color:#fff;width:40%}.side-title{padding-left:3%;padding-top:50px;text-align:left}.grid{display:flex;flex-wrap:wrap;justify-content:center;padding-left:20%;padding-right:20%;padding-top:70px}.grid div{width:50%}.about .grid div,.grid div{align-items:center;display:flex;flex-direction:column}.about .grid div{margin-left:1.5%;margin-right:1.5%;margin-top:40px;width:30%}.full-width-image{height:200px;object-fit:cover;padding:70px min(20px) 50px;width:70%}.images-three{aspect-ratio:1;max-width:300px;width:100%}h2,h3,h4,strong{color:#595959;font-family:Josefin Sans,cursive}h3,strong{padding-top:50px}h2{margin-top:0}.title{padding-bottom:20px}.row #icon{display:grid;flex:40% 1;place-items:center}.row #title{flex:60% 1;position:relative;right:35px}.about,.contacts,.home,.portfolio{margin:0 0 0 280px;min-height:100vh;text-align:center}.portfolio-body{padding-left:10%;padding-top:20px;text-align:left}.portfolio-icon{margin-bottom:20px;min-width:60px;padding-top:50px;width:6%}ul{margin-right:5%;padding-bottom:10px}li{color:#6e6e6e;font-family:Josefin Sans,cursive;line-height:25px;padding-top:20px}.email-box{background-color:#fff;border-radius:10px;box-shadow:5px 10px 18px #888;height:auto;padding-bottom:40px;padding-top:40px;width:50%}#contact-form{margin-top:20px}textarea{height:200px}.input{border:0;border-radius:6px;box-shadow:1px 2px 3px 2px #00000029;margin-top:20px;padding:10px;width:80%}.input:focus{border:1px solid #3d838a;box-shadow:0 0 10px #3d838a;outline:none!important}.button{background-color:#3d838a;border:none;border-radius:40px;color:#fff;font-family:Josefin Sans,cursive;font-size:16px;font-weight:700;padding:10px 4% 6px;width:auto}.button:hover{background-color:#46a9b3;cursor:pointer}.contacts-body{margin-left:10%;margin-top:100px}.other-box{margin-top:50px;padding-bottom:400px;width:50%}.map{border:none;border-radius:10px;box-shadow:5px 10px 18px #888;float:left;height:400px;margin-top:50px;width:100%}.icon-text{display:flex}.icon-text p{margin-left:1%;text-align:left}.icon-text svg{color:#3d838a;position:relative;top:18px}@media screen and (max-width:1000px){.email-box{width:80%}.other-box{margin-top:100px;width:80%}.about .grid div{margin-left:2.5%;margin-right:2.5%;width:45%}.row #title{display:none}.Sidebar{width:100px}.about,.contacts,.home,.portfolio{margin-left:100px}.icon-text svg,.map,.other-box{margin-left:0}.p{margin-right:2%}.footer{font-size:14px}}@media screen and (max-width:550px){.Sidebar{width:70px}.about .grid div{margin-left:2.5%;margin-right:2.5%;width:85%}.grid div{width:90%}.contacts-body{margin-left:0;margin-top:60px}textarea{height:80px}.email-box{margin-right:8%;padding-bottom:20px;padding-top:10px;width:95%}.other-box{margin-top:50px;width:95%}.footer{font-size:12px}}