@import url(https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&display=swap);*{margin:0;padding:0;box-sizing:border-box;color:#576b68;border-radius:20px;overflow-x:hidden}header{font-size:20px;margin-bottom:20px}body{background-color:#e0edec;text-align:center}body p{font-size:20px;font-family:"Noto Sans JP",sans-serif}body h1,body h2,body h3,body h4{font-family:"Playfair Display",serif}body h3{font-size:25px}body h2{font-size:30px}body h1{font-size:40px}body a{text-decoration:none}body ul{list-style-type:none}.topnav{background-color:rgba(232,203,205,.5);overflow:hidden}.topnav a{float:left;display:block;color:#576b68;text-align:center;padding:14px 16px;text-decoration:none;font-size:20px}.topnav a:hover{background-color:#93a5a4;color:#2e192e}.topnav a.active{background-color:#93a5a4;color:#2e192e}.topnav .icon{display:none}.topnav .hidden{visibility:hidden;width:0}.wrapperpcs{background-color:#93a5a4;width:100%;height:1000px}.wrapperpcs .pcs{font-size:1000px;color:#576b68;background-color:#e8cbcd;width:100%;text-align:center}.center{width:90%;margin:0 auto}.wrapimg{width:100%;height:600px;background-image:url(../images/baner.jpg);background-size:cover;background-position:bottom;background-repeat:no-repeat}.wrapimg .transbox{padding:20px 0 0 0;text-align:center;width:50%;margin:0 auto;background-color:#e8cbcd}.wrapimg .transbox h1{font-size:40px}.wrapimg .transbox h2{font-size:30px}#about{display:flex;flex-flow:row wrap;justify-content:space-around}.blok{padding-top:20px}.blok h2{text-align:center;background-color:#93a5a4;padding-top:10px;padding-bottom:10px;width:50%}.blok h3,.blok p{text-align:center;margin-top:10px}.levo{width:60%}.exspandedu{display:flex;justify-content:space-evenly}.exspandedutxt{padding:40px}.slikaJa{width:30%;height:500px;background-image:url(../images/me.jpg);background-size:contain;background-repeat:no-repeat;background-position:center;margin-top:20px}.threeservices{display:flex;justify-content:space-evenly}.threeservices .service{width:30%}.boxnaslov1,.boxnaslov2,.boxnaslov3,.boxnaslov4{width:100%;text-align:center;padding:20px}.boxnaslov1 h2,.boxnaslov2 h2,.boxnaslov3 h2,.boxnaslov4 h2{text-align:center;background-color:#93a5a4;padding-top:10px;padding-bottom:10px}.skillset{display:flex;justify-content:space-evenly;text-align:center}.skillset .skillsetstwo{display:flex;justify-content:space-around;width:50%}.skillset .skillsetstwo .skillsetihp{width:40%}.skillset .skillsetstwo .fab,.skillset .skillsetstwo .fas{font-size:100px;color:#2e192e;overflow:visible}.skillset .skillsetstwo h3,.skillset .skillsetstwo p{padding:10px}.fourprojects{display:flex;justify-content:space-evenly;align-items:center}.fourprojects .twoprojects{overflow:visible}.fourprojects .oneproject{display:flex;justify-content:space-evenly;align-items:center;overflow:visible}.fourprojects .oneproject .projecttxt{text-align:left;overflow:visible}.fourprojects .oneproject .projectimg,.fourprojects .oneproject .projecttxt{width:45%}.fourprojects .oneproject .projectimg{height:300px;background-repeat:no-repeat;background-size:contain;background-position:center;margin-top:20px;overflow:visible}.fourprojects .oneproject .projecttxt h3:hover{color:#2e192e}.contactme{display:flex;justify-content:space-evenly;overflow:hidden}.contactme .map{height:400px;overflow:visible}.contactme .map h3{text-align:left;padding:10px;padding-left:30px}.contacttable{overflow:visible}.contacttable form{padding:25px;box-shadow:0 2px 5px #93a5a4;background:#e8cbcd;height:400px}.contacttable form input,.contacttable form textarea{width:calc(100% - 18px);padding:8px;margin-bottom:20px;border:1px solid #2e192e;outline:0}.contacttable form input::-moz-placeholder{color:#666}.contacttable form input:-ms-input-placeholder{color:#666}.contacttable form input::placeholder{color:#666}.contacttable form button{width:100%;padding:10px;border:none;background:#93a5a4;font-size:16px;font-weight:400;color:#2e192e}.contacttable form button:hover{background:#576b68}.code,.copyright{display:flex;justify-content:space-evenly;align-items:center;padding:5px}.code{background-color:#e8cbcd;margin-top:30px;margin-bottom:15px;border-radius:20px}footer{background-color:#93a5a4;margin-top:20px;padding:10px;display:flex;justify-content:space-evenly}footer .socialmedia-icons{font-size:25px;display:flex;justify-content:space-evenly;width:60%;align-items:center}footer .socialmedia-icons p{font-size:20px}footer .socialmedia-icons .fa-envelope,footer .socialmedia-icons .fa-phone{font-size:25px;color:#2e192e}footer .socialmedia-icons p{font-size:20px;color:#2e192e}.marlen{background-image:url(../images/sajtMarlen.jpg)}.portfoliop{background-image:url(../images/sajtPortfolio.jpg)}.pastel{background-image:url(../images/sajtPastel.jpg)}.bank{background-image:url(../images/sajtBank.jpg)}.shadow-drop-left{-webkit-animation:shadow-drop-left .4s cubic-bezier(.25,.46,.45,.94) both;animation:shadow-drop-left .4s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes shadow-drop-left{0%{box-shadow:0 0 0 0 transparent}100%{box-shadow:-12px 0 20px -12px rgba(0,0,0,.35)}}@keyframes shadow-drop-left{0%{box-shadow:0 0 0 0 transparent}100%{box-shadow:-12px 0 20px -12px rgba(0,0,0,.35)}}.grow{transition:all .2s ease-in-out}.grow:hover{overflow:visible;transform:scale(1.1)}@media only screen and (max-width:1440px){body h1{font-size:35px}.wrapimg{height:550px}.exspandedutxt{padding:10px}}@media only screen and (max-width:1280px){.levo{width:100%}.slikaJa{margin-top:0;background-position:top;height:300px}.blok h2{width:100%}.exspandedutxt{padding:0 0 20px}.wrapimg{height:500px}.skillset{display:unset}.skillset .skillsetstwo{display:flex;justify-content:space-around;width:100%}.wrapimg .transbox h2{font-size:30pxpx}.wrapimg .transbox h1{font-size:35px}}@media only screen and (max-width:1080px){body h1{font-size:28px}body h3{font-size:19px}body h2{font-size:23px}body p{font-size:17px}.wrapimg{height:450px}.wrapimg .transbox h2{font-size:25px}.wrapimg .transbox h1{font-size:35px}footer p{font-size:30px}footer .socialmedia-icons .fa-envelope,footer .socialmedia-icons .fa-phone{font-size:20px}.fourprojects .oneproject .projectimg{margin-top:0}}@media only screen and (max-width:768px){.center{width:100%}.slikaJa{background-size:cover}.contactme,.fourprojects{display:contents}.contacttable{display:flex;justify-content:space-around}.contacttable form{margin-top:30px;height:unset;width:90%}footer .socialmedia-icons{width:100%}*{border-radius:0}.code{border-radius:0}.wrapimg{height:350px}.boxnaslov1,.boxnaslov2,.boxnaslov3,.boxnaslov4{padding:20px 0}.wrapimg .transbox{padding:30px}.blok h3,.blok p{margin:10px}.topnav{overflow:hidden;position:relative}.topnav #myLinks{display:none}.topnav a{padding:14px 16px;text-decoration:none;font-size:17px;display:block;float:none}.topnav a.active{text-align:left}.topnav a.icon{display:block;position:absolute;right:0;top:0}.topnav a:hover{color:#000}.active{color:#fff}}@media only screen and (max-width:640px){.contactme .map{height:0;visibility:hidden}.contacttable form{margin-top:0}.threeservices{display:contents}footer .socialmedia-icons p{font-size:25px}footer .socialmedia-icons .fa-envelope,footer .socialmedia-icons .fa-phone{font-size:20px}.threeservices .service{width:100%;padding:10px}.wrapimg .transbox h1{font-size:30px}.wrapimg .transbox h2{font-size:20px}.wrapimg{height:300px}.fourprojects .oneproject .projectimg{height:250px}}@media only screen and (max-width:540px){.skillset .skillsetstwo{display:contents}.skillset .skillsetstwo .skillsetihp{width:100%;padding:10px;margin:10px 0;background-color:rgba(232,203,205,.5)}.skillset .skillsetstwo .fab,.skillset .skillsetstwo .fas{font-size:70px}footer .socialmedia-icons p{font-size:23px}footer .socialmedia-icons .fa-envelope,footer .socialmedia-icons .fa-phone{font-size:17px}.fourprojects .oneproject .projectimg{height:200px}}@media only screen and (max-width:480px){.slikaJa{height:200px}.wrapimg{height:250px}.wrapimg .transbox h1{font-size:25px}.wrapimg .transbox{width:100%}.wrapimg .transbox h2{font-size:18px}footer .socialmedia-icons p{font-size:15px}footer .socialmedia-icons .fa-envelope,footer .socialmedia-icons .fa-phone{font-size:15px}body h1{font-size:23px}body h3{font-size:16px}body h2{font-size:20px}body p{font-size:14px}.skillset .skillsetstwo .fab,.skillset .skillsetstwo .fas{font-size:70px}}@media only screen and (max-width:360px){footer .socialmedia-icons p{font-size:10px;margin:10px}footer .socialmedia-icons .fa-envelope,footer .socialmedia-icons .fa-phone{font-size:13px}.wrapimg{height:200px}.fourprojects .oneproject{display:contents}.fourprojects .oneproject .projectimg,.fourprojects .oneproject .projecttxt{width:100%;padding:15px}.fourprojects .oneproject .projecttxt{text-align:center}.slikaJa{width:200px}}@media only screen and (max-width:240px){footer .socialmedia-icons p{font-size:10px;margin:10px}footer .socialmedia-icons .fa-envelope,footer .socialmedia-icons .fa-phone{font-size:13px}.wrapimg{height:150px}.wrapimg .transbox h1{font-size:22px}.wrapimg .transbox h2{font-size:17px}}