#vcardNav{margin-left:-30%}.col-12.col-sm-10.col-md-8{margin-left:-15%}@media only screen and (min-width:260px) and (max-width:1024px){.header-area .contact-btn-area{position:relative;z-index:1;margin-right:0;margin-left:60px}.col-12.col-sm-10.col-md-8{margin-left:0}.about-me-text h2{font-size:45px;margin-bottom:15px;white-space:normal!important}#vcardNav{margin-left:0}.hero-area .hero-content{position:relative;z-index:1;margin-top:30rem}}.input-group .form-control:active,.input-group .form-control:focus,.input-group .form-control:hover{z-index:3;border-color:orange!important}@media only screen and (min-width:700px) and (max-width:1024px){.hero-area .hero-content{display:none}}.contact100-more:before{content:"";display:block;position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;background:rgba(61,59,59,.8)}.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active{background-image:none;color:orange}.contact100-form-btn{display:flex;justify-content:center;align-items:center;padding:0 20px;min-width:200px;height:50px;border-radius:2px;background:orange;font-family:Montserrat-Bold;font-size:12px;color:#fff;line-height:1.2;text-transform:uppercase;letter-spacing:1px;-webkit-transition:all .4s;transition:all .4s}.header-area .contact-btn-area{position:relative;z-index:1;margin-right:-655px;margin-left:368px}.hero-area .hero-content .social-info a:focus,.hero-area .hero-content .social-info a:hover{color:orange}.header-area .vcard-main-menu .classy-navbar .classynav>ul>li.active>a{position:relative;z-index:1;color:orange}.bg-img{background-position:100%;background-size:contain;background-repeat:no-repeat}.wrap-contact100{width:1120px;background:#fff;overflow:hidden;display:flex;flex-wrap:wrap;align-items:stretch;flex-direction:row-reverse;margin-top:5%;margin-bottom:5%}.section-heading .line{width:6px;height:30px;margin-bottom:15px;display:block;background-color:orange}#scrollUp{background-color:orange;border-radius:0;bottom:60px;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);color:#fff;font-size:24px;height:40px;line-height:38px;right:60px;text-align:center;width:40px;-webkit-transition-duration:.5s;transition-duration:.5s}.cool-facts-area{position:relative;z-index:1;margin-left:0;margin-right:0;background-color:#313030;padding-left:5%;padding-right:5%}.vcard-btn{display:inline-block;min-width:185px;height:54px;color:#fff;border:none;border-radius:0;padding:0 30px;font-size:14px;line-height:54px;font-weight:600;-webkit-transition-duration:.5s;transition-duration:.5s;text-transform:capitalize;background-color:orange}.vcard-btn.contact-btn{color:#fff;background:orange}.bg-primary,.bg-primary :hover,a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:orange!important}.btn-primary{background:orange;border-color:orange}.site-footer{padding:4em 0;background:#333}@media (min-width:768px){.site-footer{padding:8em 0}}.site-footer .border-top{border-top:1px solid hsla(0,0%,100%,.1)!important}.site-footer p{color:#737373}.site-footer h2,.site-footer h3,.site-footer h4,.site-footer h5{color:#fff}.site-footer a{color:#999}.site-footer a:hover{color:#fff}.site-footer ul li{margin-bottom:10px}.site-footer .footer-heading{font-size:16px;color:#fff}.about-me-text h2{font-size:45px;white-space:nowrap;margin-bottom:15px}.section-heading h2,.single-service-area p{color:#fff}.single-service-area .service-title h4{font-size:24px;font-weight:600;color:#fff}.single-cool-fact .cf-text h3{font-size:48px;font-weight:600;line-height:1;margin-bottom:5px;color:#fff}.single-cool-fact .cf-text h6{font-size:14px;font-weight:600;margin-bottom:0;color:#fff}.single-contact-info .contact-text h6{margin-bottom:5px;font-weight:600;font-size:18px;color:#fff}.single-contact-info .contact-text p{margin-bottom:0;color:#fff}.logoDiv{top:-38px;left:90%;width:90%}#menuToggle,.logoDiv{display:block;position:relative;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#menuToggle{top:33px;left:50px;width:85%}#menuToggle a{text-decoration:none;color:#232323!important;-webkit-transition:color .3s ease;transition:color .3s ease}#menuToggle a:hover{color:#fff!important;font-size:1.5rem;-webkit-transition:.3s;transition:.3s}#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}#menuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#232323;border-radius:3px;z-index:1;-webkit-transform-origin:4px 0;transform-origin:4px 0;-webkit-transition:background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);transition:background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1)}#menuToggle span:first-child{-webkit-transform-origin:0 0;transform-origin:0 0}#menuToggle span:nth-last-child(2){-webkit-transform-origin:0 100%;transform-origin:0 100%}#menuToggle input:checked~span{opacity:1;-webkit-transform:rotate(45deg) translate(-2px,-1px);transform:rotate(45deg) translate(-2px,-1px)}#menuToggle input:checked~span:nth-last-child(3){opacity:0;-webkit-transform:rotate(0deg) scale(.2);transform:rotate(0deg) scale(.2)}#menuToggle input:checked~span:nth-last-child(2){-webkit-transform:rotate(-45deg) translateY(-1px);transform:rotate(-45deg) translateY(-1px)}#menu{position:absolute;width:300px;margin:-100px 0 0 -50px;padding:125px 50px 50px;background:orange;list-style-type:none;-webkit-font-smoothing:antialiased;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translate(-100%);transform:translate(-100%);-webkit-transition:-webkit-transform .5s cubic-bezier(.77,.2,.05,1);transition:-webkit-transform .5s cubic-bezier(.77,.2,.05,1);transition:transform .5s cubic-bezier(.77,.2,.05,1);transition:transform .5s cubic-bezier(.77,.2,.05,1),-webkit-transform .5s cubic-bezier(.77,.2,.05,1)}#menu li{padding:10px 0;font-size:22px}#menuToggle input:checked~ul{-webkit-transform:none;transform:none}.logoImg{width:30%}@media only screen and (min-width:200px) and (max-width:360px){.logoImg{width:45%}.logoDiv{display:block;position:relative;top:-15px;left:57%;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:90%}}@media only screen and (min-width:365px) and (max-width:600px){.logoImg{width:45%}.logoDiv{display:block;position:relative;top:-25px;left:57%;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:90%}}@media only screen and (min-width:601px) and (max-width:768px){.logoImg{width:30%}.logoDiv{display:block;position:relative;top:-38px;left:75%;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:90%}}@media only screen and (min-width:778px) and (max-width:1024px){.logoImg{width:30%}.logoDiv{display:block;position:relative;top:-38px;left:80%;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:90%}}@media only screen and (min-width:819px) and (max-width:1002px){.logoImg{width:30%}.logoDiv{display:block;position:relative;top:-38px;left:85%;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:90%}}@media only screen and (min-width:1160px) and (max-width:1537px){.logoImg{width:30%}.logoDiv{display:block;position:relative;top:-38px;left:85%;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:90%}}.flip>.back,.flip>.front{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-timing-function:cubic-bezier(.175,.885,.32,1.275);-webkit-transition-duration:1.5s;transition-duration:1.5s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.flip>.front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.flip>.back{position:absolute;opacity:0;top:0;left:0;width:100%;height:100%;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.flip:hover>.front{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip:hover>.back{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.flip.flip-vertical>.back{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}.flip.flip-vertical:hover>.front{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.flip.flip-vertical:hover>.back{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.flip{position:relative;display:inline-block;margin-right:2px;margin-bottom:1em;width:400px}.flip>.back,.flip>.front{display:block;color:#fff;width:inherit;background-size:cover!important;background-position:50%!important;height:220px;padding:1em 2em;background:#313131;border-radius:10px}.flip>.back p,.flip>.front p{font-size:.9125rem;line-height:160%;color:#999}.text-shadow{text-shadow:1px 1px rgba(0,0,0,.04),2px 2px rgba(0,0,0,.04),3px 3px rgba(0,0,0,.04),4px 4px rgba(0,0,0,.04),.125rem .125rem rgba(0,0,0,.04),6px 6px rgba(0,0,0,.04),7px 7px rgba(0,0,0,.04),8px 8px rgba(0,0,0,.04),9px 9px rgba(0,0,0,.04),.3125rem .3125rem rgba(0,0,0,.04),11px 11px rgba(0,0,0,.04),12px 12px rgba(0,0,0,.04),13px 13px rgba(0,0,0,.04),14px 14px rgba(0,0,0,.04),.625rem .625rem rgba(0,0,0,.04),16px 16px rgba(0,0,0,.04),17px 17px rgba(0,0,0,.04),18px 18px rgba(0,0,0,.04),19px 19px rgba(0,0,0,.04),1.25rem 1.25rem rgba(0,0,0,.04)}.tabs{position:absolute;top:7%;left:50%;height:auto;min-width:95%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.tabL{width:33.334%}#slider,.tabL{display:inline-block;font-weight:700;text-align:center;background:orange;color:#fff;height:auto;padding:20px 0}#slider{width:150px}label:hover{color:#fff;cursor:pointer}.content,.tabs [type=radio]{display:none}.content{top:50px;right:0;bottom:0;left:0;background:#fff;padding:20px;box-shadow:inset 0 5px 5px -5px}#slider,.content{position:absolute}#slider{background-color:transparent;border-bottom:3px solid #fff;margin:7px 10px;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:19.5%}#r1:checked~#slider,[type=radio]{-webkit-transform:translate(-1839px);transform:translate(-1839px)}#r2:checked~#slider,[type=radio]{-webkit-transform:translate(-1180px);transform:translate(-1180px)}#r3:checked~#slider,[type=radio]{-webkit-transform:translate(-530px);transform:translate(-530px)}[type=radio]:checked+label{color:#fff}[type=radio]:checked+label+.content{display:inline-block}.portfolio-area{position:relative;z-index:1;margin-left:25px;margin-right:25px;height:140vh}.grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:10px;grid-auto-rows:minmax(180px,auto);grid-auto-flow:dense;padding:10px}.grid-item{padding:1rem;font-size:14px;font-weight:700;text-transform:uppercase;color:#929796;background-color:#333;border-radius:5px}.grid-item:nth-child(odd){background-color:#424242}.span-2{grid-column-end:span 2;grid-row-end:span 2}.span-3{grid-column-end:span 3;grid-row-end:span 4}.book{height:auto;width:50%;font-size:1.4rem;box-shadow:1rem 2rem 3rem rgba(0,0,0,.25);text-align:center;position:relative;display:flex;justify-content:flex-end;float:right;margin-top:9%}.page{width:100%;height:35rem;-webkit-perspective:1500px;perspective:1500px}.page__1{background-color:#313030;color:#fff;overflow:hidden;opacity:1;-webkit-transition:all 1s .3s;transition:all 1s .3s;-webkit-transform-origin:0 50%;transform-origin:0 50%;z-index:2;align-self:center;align-content:center}.page__1,.page__1:after{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center}.page__1:after{content:"</>";color:orange;padding-top:1.5rem;background-color:#fff;z-index:1;opacity:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition:all .3s .5s;transition:all .3s .5s;font-size:10rem}.page:hover .page__1{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);box-shadow:1.5rem 2rem 3rem rgba(0,0,0,.25)}.page:hover .page__1:after{opacity:1}.lineDiv{margin:5.9% auto 0}.innerLineDiv{width:80%;height:12.55px;background:#fff;border-radius:15px}p.skillText{color:#fff;font-size:4rem;position:relative;-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;cursor:pointer}p:hover{-webkit-animation-name:shakeAnim;animation-name:shakeAnim}@-webkit-keyframes shakeAnim{0%{left:0}1%{left:-5px}2%{left:10px}3%{left:-13px}4%{left:13px}5%{left:-10px}6%{left:5px}7%{left:0}}@keyframes shakeAnim{0%{left:0}1%{left:-5px}2%{left:10px}3%{left:-13px}4%{left:13px}5%{left:-10px}6%{left:5px}7%{left:0}}@-webkit-keyframes shake{0%{left:0}1%{left:-5px}2%{left:10px}3%{left:-13px}4%{left:13px}5%{left:-10px}6%{left:5px}7%{left:0}}@keyframes shake{0%{left:0}1%{left:-5px}2%{left:10px}3%{left:-13px}4%{left:13px}5%{left:-10px}6%{left:5px}7%{left:0}}.flexbox{display:flex;flex-direction:column;flex-wrap:wrap;height:100vw}.flexbox:hover img{opacity:.28}.flexbox .item{position:relative;width:33.33%}.flexbox .item img{width:100%;display:block;-webkit-transition:all .8s;transition:all .8s}.flexbox .item .title{position:absolute;top:48%;left:0;width:100%;padding:0 3%;font-size:30px;text-shadow:0 0 8px rgba(0,0,0,.42)}.flexbox .item:hover img{opacity:1}@media (max-width:860px){.flexbox{height:220vw}.flexbox .item{width:50%}}@media (max-width:667px){.flexbox{height:auto}.flexbox .item{width:100%}}@media only screen and (max-width:1200px){#r1:checked~#slider,[type=radio]{-webkit-transform:translate(-865px);transform:translate(-865px)}#r2:checked~#slider,[type=radio]{-webkit-transform:translate(-555px);transform:translate(-555px)}#r3:checked~#slider,[type=radio]{-webkit-transform:translate(-245px);transform:translate(-245px)}.portfolio-area{position:relative;z-index:1;margin-left:25px;margin-right:25px;height:66vh}.book{height:auto;width:50%;font-size:1.4rem;box-shadow:1rem 2rem 3rem rgba(0,0,0,.25);text-align:center;position:relative;display:flex;justify-content:flex-end;float:right;margin-top:9%}.page{width:100%;height:32.5rem;-webkit-perspective:1500px;perspective:1500px}}@media only screen and (max-width:1020px){#r1:checked~#slider,[type=radio]{-webkit-transform:translate(-865px);transform:translate(-865px)}#r2:checked~#slider,[type=radio]{-webkit-transform:translate(-555px);transform:translate(-555px)}#r3:checked~#slider,[type=radio]{-webkit-transform:translate(-245px);transform:translate(-245px)}.book{height:auto;width:50%;font-size:1.4rem;box-shadow:1rem 2rem 3rem rgba(0,0,0,.25);text-align:center;position:relative;display:flex;justify-content:flex-end;float:right;margin-top:9%}.page{width:100%;height:28.5rem;-webkit-perspective:1500px;perspective:1500px}.portfolio-area{position:relative;z-index:1;margin-left:25px;margin-right:25px;height:104vh}}.ant-tabs-tab{position:relative;display:inline-flex;align-items:center;margin:0 36px 0 0!important;padding:12px 0;background:transparent;border:0;outline:none;cursor:pointer;font-size:1rem!important}@media only screen and (max-width:800px){#r1:checked~#slider,[type=radio]{-webkit-transform:translate(-640px);transform:translate(-640px)}#r2:checked~#slider,[type=radio]{-webkit-transform:translate(-415px);transform:translate(-415px)}#r3:checked~#slider,[type=radio]{-webkit-transform:translate(-185px);transform:translate(-185px)}.book{height:auto;width:50%;font-size:1.4rem;box-shadow:1rem 2rem 3rem rgba(0,0,0,.25);text-align:center;position:relative;display:flex;justify-content:flex-end;float:right;margin-top:9%}.page{width:100%;height:24.5rem;-webkit-perspective:1500px;perspective:1500px}.page__1{background-color:#313030;color:#fff;overflow:hidden;opacity:1;-webkit-transition:all 1s .3s;transition:all 1s .3s;-webkit-transform-origin:0 50%;transform-origin:0 50%;z-index:2;align-self:center;align-content:center}.page__1,.page__1:after{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center}.page__1:after{content:"</>";color:orange;padding-top:1.5rem;background-color:#fff;z-index:1;opacity:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition:all .3s .5s;transition:all .3s .5s;font-size:6rem}.page__2{background-color:orange;width:100%;height:100%;position:absolute;top:0;left:0;opacity:1;color:#fff!important;padding-top:5%}.page:hover .page__1{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);box-shadow:1.5rem 2rem 3rem rgba(0,0,0,.25)}.page:hover .page__1:after{opacity:1}.lineDiv{width:90%;height:10px;border:1px solid #fff;margin:2.9% auto 0;border-radius:15px}.innerLineDiv{width:80%;height:9.8px;background:#fff;border-radius:15px}p.skillText{color:#fff;font-size:2.2rem;position:relative;-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;cursor:pointer}p:hover{-webkit-animation-name:shakeAnim;animation-name:shakeAnim}.about-me-text h2{font-size:45px;white-space:nowrap;margin-bottom:15px;margin-top:35%}}@media only screen and (max-width:700px){.book{height:auto;width:50%;font-size:1.4rem;box-shadow:1rem 2rem 3rem rgba(0,0,0,.25);text-align:center;position:relative;display:flex;justify-content:flex-end;float:right;margin-top:9%}.page{width:100%;height:23.2rem;-webkit-perspective:1500px;perspective:1500px}.page__1{background-color:#313030;color:#fff;overflow:hidden;opacity:1;-webkit-transition:all 1s .3s;transition:all 1s .3s;-webkit-transform-origin:0 50%;transform-origin:0 50%;z-index:2;align-self:center;align-content:center}.page__1,.page__1:after{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center}.page__1:after{content:"</>";color:orange;padding-top:1.5rem;background-color:#fff;z-index:1;opacity:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition:all .3s .5s;transition:all .3s .5s;font-size:5rem}.page__2{background-color:orange;width:100%;height:100%;position:absolute;top:0;left:0;opacity:1;color:#fff!important;padding-top:5%}.page:hover .page__1{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);box-shadow:1.5rem 2rem 3rem rgba(0,0,0,.25)}.page:hover .page__1:after{opacity:1}.lineDiv{width:90%;height:10px;border:1px solid #fff;margin:2.9% auto 0;border-radius:15px}.innerLineDiv{width:80%;height:9.8px;background:#fff;border-radius:15px}p.skillText{color:#fff;font-size:2.2rem;position:relative;-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;cursor:pointer}p:hover{-webkit-animation-name:shakeAnim;animation-name:shakeAnim}.about-me-text h2{font-size:45px;white-space:nowrap;margin-bottom:15px;margin-top:35%}@-webkit-keyframes shakeAnim{0%{left:0}1%{left:-5px}2%{left:10px}3%{left:-13px}4%{left:13px}5%{left:-10px}6%{left:5px}7%{left:0}}@keyframes shakeAnim{0%{left:0}1%{left:-5px}2%{left:10px}3%{left:-13px}4%{left:13px}5%{left:-10px}6%{left:5px}7%{left:0}}@-webkit-keyframes shake{0%{left:0}1%{left:-5px}2%{left:10px}3%{left:-13px}4%{left:13px}5%{left:-10px}6%{left:5px}7%{left:0}}@keyframes shake{0%{left:0}1%{left:-5px}2%{left:10px}3%{left:-13px}4%{left:13px}5%{left:-10px}6%{left:5px}7%{left:0}}.tabs{position:absolute;top:7%;left:50%;height:auto;min-width:95%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.tabL{width:33.334%}#slider,.tabL{display:inline-block;font-weight:700;text-align:center;background:orange;color:#fff;height:auto;padding:20px 0}#slider{width:150px}label:hover{color:#fff;cursor:pointer}.content,.tabs [type=radio]{display:none}.content{top:50px;right:0;bottom:0;left:0;background:#fff;padding:20px;box-shadow:inset 0 5px 5px -5px}#slider,.content{position:absolute}#slider{background-color:transparent;border-bottom:3px solid #fff;margin:7px 10px;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:19.5%}#r1:checked~#slider,[type=radio]{-webkit-transform:translate(-330px);transform:translate(-330px)}#r2:checked~#slider,[type=radio]{-webkit-transform:translate(-215px);transform:translate(-215px)}#r3:checked~#slider,[type=radio]{-webkit-transform:translate(-100px);transform:translate(-100px)}[type=radio]:checked+label{color:#fff}[type=radio]:checked+label+.content{display:inline-block}.portfolio-area{position:relative;z-index:1;margin-left:25px;margin-right:25px;height:378vh}}@media only screen and (max-width:400px){#r1:checked~#slider,[type=radio]{-webkit-transform:translate(-295px);transform:translate(-295px)}#r2:checked~#slider,[type=radio]{-webkit-transform:translate(-185px);transform:translate(-185px)}#r3:checked~#slider,[type=radio]{-webkit-transform:translate(-85px);transform:translate(-85px)}.portfolio-area{position:relative;z-index:1;margin-left:25px;margin-right:25px;height:303vh}}@media only screen and (max-width:380px){#r1:checked~#slider,[type=radio]{-webkit-transform:translate(-250px);transform:translate(-250px)}#r2:checked~#slider,[type=radio]{-webkit-transform:translate(-160px);transform:translate(-160px)}#r3:checked~#slider,[type=radio]{-webkit-transform:translate(-75px);transform:translate(-75px)}.portfolio-area{position:relative;z-index:1;margin-left:25px;margin-right:25px;height:370vh}}.masonry-container{width:80%;margin:10px auto auto;border:1px solid rgba(0,0,0,.1)}.masonry-container p{text-align:center;padding:4px;font-family:monospace;background:#222;color:#efefef}.masonry{flex-direction:row;justify-content:center;width:100%;margin:auto}.column,.masonry{display:flex;align-content:stretch}.column{flex-direction:column;justify-content:flex-start;flex-grow:1}.tile{margin:4px}.tile img{box-shadow:0 1px 1px 2px rgba(0,0,0,.15);border-radius:10px;width:100%}.page__2{background-color:orange;width:100%;height:100%;position:absolute;top:0;left:0;opacity:1;color:#fff!important;display:flex;flex-direction:column}.lineDiv{width:90%;height:15px;border:1px solid #fff;margin:1.8% auto 0;border-radius:15px}a{color:#666!important;text-decoration:none;background-color:transparent;outline:none;cursor:pointer;-webkit-transition:color .3s;transition:color .3s;-webkit-text-decoration-skip:objects}a:hover{color:orange!important}.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab{margin:0 0 16px;padding:8px 24px;text-align:center;height:25vh;font-size:1rem}.ant-tabs-tab:hover{color:orange!important}.ant-tabs-tab.ant-tabs-tab-active{color:orange!important;font-weight:500}.ant-tabs-tab:active,.ant-tabs-tab:focus{color:orange!important}.ant-tabs-ink-bar{position:absolute;background:orange;pointer-events:none}
/*# sourceMappingURL=main.4494f47c.chunk.css.map */