@import"https://fonts.googleapis.com/css2?family=Oxygen:wght@300&display=swap";@import"https://fonts.googleapis.com/css2?family=Oxygen:wght@300&display=swap";p,a,h1,h2,h3{font-family:"Poppins",sans-serif;color:#edf2f4}button{transition:all .2s ease-in-out}button:hover{transform:scale(1.05)}input[type=submit]{transition:all .2s ease-in-out}input[type=submit]:hover{transform:scale(1.05)}p,a,h1,h2,h3{font-family:"Poppins",sans-serif;color:#edf2f4}button{transition:all .2s ease-in-out}button:hover{transform:scale(1.05)}input[type=submit]{transition:all .2s ease-in-out}input[type=submit]:hover{transform:scale(1.05)}.sticky{position:fixed;top:0;width:100%;background:#30313d}.sticky+section#s1 .container{padding-top:60px}header{z-index:1}header nav.container{display:flex;align-items:center;flex-direction:row;justify-content:space-around}header nav.container .dropbtn{display:none}header a{text-decoration:none;transition:all .3s ease-in-out}header a:hover{opacity:.5}header h1{font-size:2em}header .links ul{display:flex;list-style:none;justify-content:center;align-items:center;padding:0}header .links li{margin:0 15px 0 15px}header .links li .border-resume{border:1px solid #edf2f4;border-radius:20px;padding:.5em}.nav-active{transition:all .3s ease-in-out;opacity:.5}.showcase-area{width:100%;overflow:hidden}.showcase-area .container{display:flex;align-items:center;justify-content:center;width:100%;height:100vh}.showcase-area .container .typewriter{font-family:Arial,Helvetica,sans-serif;font-size:56px;color:#edf2f4;font-weight:bold;position:relative;transform:translateY(-50%);text-align:center}.showcase-area .container .typewriter span{color:#b85a65;text-transform:uppercase;padding:10px;border-right:solid #b85a65 10px;animation:cursor 1s ease-in-out infinite}@keyframes cursor{from{border-color:#b85a65}to{border-color:rgba(0,0,0,0)}}.showcase-area .container h1{color:#edf2f4;font-family:"Poppins",sans-serif;font-size:2em}section#s1 .container{display:flex;justify-content:center;width:100%;background-color:#30313d;padding-bottom:40px}section#s1 .content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%}section#s1 .content p{font-size:1.1em;text-align:center;font-weight:300;line-height:25px}section#s1 .content h2{font-size:2em;margin-top:40px;margin-bottom:40px}section#s1 .content h3{font-weight:500;font-size:24px;margin:0 0 0 0}section#s1 .content a{text-decoration:none;font-weight:500;color:#b85a65}:root{--marquee-width: 70vw;--marquee-height: 20vh;--marquee-elements-displayed: 5;--marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));--marquee-animation-duration: calc(var(--marquee-elements) * 3s)}section#s2 .container{width:100%;background-color:#2b2d42;padding-bottom:40px}section#s2 .content{display:flex;justify-content:center;flex-direction:column;align-items:center}section#s2 .content h2{font-size:2em;margin-top:40px;margin-bottom:40px}section#s2 .marquee{width:var(--marquee-width);overflow:hidden;position:relative}section#s2 .marquee:before,section#s2 .marquee:after{position:absolute;top:0;width:10rem;height:100%;content:"";z-index:1}section#s2 .marquee .marquee-content{list-style:none;height:100%;display:flex;animation:scrolling var(--marquee-animation-duration) linear infinite}section#s2 .marquee .marquee-content li{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--marquee-element-width);max-height:100%;white-space:nowrap}section#s2 .marquee .marquee-content li img{width:100%}@keyframes scrolling{0%{transform:translateX(0)}100%{transform:translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)))}}section#s3 .container{width:100%;background-color:#30313d;padding-bottom:40px}section#s3 .content{display:flex;justify-content:center;flex-direction:column;align-items:center}section#s3 .content .pseduo-track{background-color:#616161;height:2px;width:66%;position:relative;top:-4px;z-index:-10}@media(any-hover: none){section#s3 .content .pseduo-track{display:none}}section#s3 .content .dot{cursor:pointer;height:15px;width:15px;margin-top:30px;border-radius:50%;border-style:solid;border-color:#d9d9d9;border-width:2px;display:none;transition:background-color .6s ease}section#s3 .content .mb{display:none}section#s3 .content .active,section#s3 .content .dot:hover{background-color:#d9d9d9}section#s3 .content .works-container{display:flex;flex-direction:row;align-items:center;width:66%;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scrollbar-color:#616161 #e0e0e0;scrollbar-width:thin !important;-ms-overflow-style:none;-ms-overflow-style:none;scrollbar-width:none}section#s3 .content .works-container::-webkit-scrollbar{height:7px}section#s3 .content .works-container::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0px rgba(0,0,0,0)}section#s3 .content .works-container::-webkit-scrollbar-thumb{height:7px;background-color:rgba(255,255,255,.7)}section#s3 .content .works-container::-webkit-scrollbar-thumb:hover{background-color:#e0e0e0}section#s3 .content .works-container::-webkit-scrollbar:vertical{display:none}section#s3 .content .work-card{display:flex;flex-direction:column;margin-inline:10px;width:100%;margin-bottom:1em}section#s3 .content .up-content-img{display:flex;justify-content:center;align-items:center;background-color:#d9d9d9;border-radius:10px 10px 0px 0px;height:300px;width:100%}section#s3 .content .up-content-img img{max-width:95%;max-height:90%;border-radius:20px;transition:all .2s ease-in-out}section#s3 .content .up-content-img img:hover{transform:scale(1.05)}section#s3 .content .down-content-info{display:flex;flex-direction:column;align-items:center;background-color:#d1d7e1;border-radius:0px 0px 10px 10px;max-width:30vw;height:100%;width:21vw}section#s3 .content .down-content-info footer{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2em}section#s3 .content .down-content-info .text-info{display:flex;flex-direction:row;justify-content:space-around;width:100%;height:100%}section#s3 .content .down-content-info .text-info .left-side{width:65%;height:100%}section#s3 .content .down-content-info .text-info .left-side a{color:#b85a65;text-decoration:none}section#s3 .content .down-content-info .text-info .right-side input[type=submit]{border:1px solid #d90429;background-color:#d90429;border-radius:15px;padding:10px 20px;color:#d1d7e1;text-align:center;cursor:pointer}section#s3 .content .down-content-info .text-info .right-side button{border:1px solid #d90429;background-color:#d90429;border-radius:15px;padding:8px 17px;color:#d1d7e1;font-size:1em;cursor:pointer;transition:all .2s ease-in-out}section#s3 .content .down-content-info span{border:.5px solid #2b2d42;width:90%}section#s3 .content .down-content-info img{margin-block-start:.6em;margin-block-end:.6em;transition:all .2s ease-in-out}section#s3 .content .down-content-info img:hover{transform:scale(1.1)}section#s3 .content .down-content-info h3{color:#2b2d42}section#s3 .content .down-content-info p{color:#2b2d42;max-width:300px;max-height:15vh;height:11vh;margin:0;font-size:1em;width:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}section#s3 .content .down-content-info p::-webkit-scrollbar{display:none}section#s3 .content .down-content-info p::-webkit-scrollbar-thumb{display:none}section#s3 .content h2{font-size:2em;margin-top:40px;margin-bottom:40px}section#s4 .container{width:100%;background-color:#2b2d42;padding-bottom:45px}section#s4 .content{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%}section#s4 .content .input-inline{display:flex;flex-direction:row;margin-bottom:32px}section#s4 .content .input-inline input:nth-child(1){width:50%;margin-right:1em}section#s4 .content .input-inline input:nth-child(2){width:50%;margin-left:1em}section#s4 .content form{display:flex;flex-direction:column;width:50%}section#s4 .content form .help-block{margin-bottom:8px}section#s4 .content input{border:none;background-color:#d1d7e1;color:#2b2d42;border-radius:15px;padding:15px}section#s4 .content input::placeholder{color:#ac666e}section#s4 .content textarea{border:none;background-color:#d1d7e1;color:#2b2d42;border-radius:15px;margin-top:32px;resize:none;padding:15px}section#s4 .content textarea::placeholder{color:#ac666e}section#s4 .content button{border:1px solid #d90429;background-color:#d90429;border-radius:15px;padding:10px;margin-top:32px;color:#d1d7e1;font-weight:500;font-size:18px;width:40%;cursor:pointer;transition:all .2s ease-in-out}section#s4 .content h2{font-size:2em;margin-top:40px;margin-bottom:40px}footer .container{width:100%;background-color:#30313d;padding-bottom:40px}footer .container .content{display:flex;justify-content:center;flex-direction:column;align-items:center}footer .container .content .footer-items-content{display:flex;flex-direction:row;margin-top:50px}footer .container .content .footer-items-content .item{margin-inline:10px}footer .container .content .footer-items-content .item img{transition:all .2s ease-in-out}footer .container .content .footer-items-content .item img:hover{transform:scale(1.1)}footer .container .content .footer-paragraph{display:flex;justify-content:center;width:100%}footer .container .content .footer-paragraph p{text-align:center;font-weight:300;line-height:25px}footer .container .content .footer-paragraph p a{text-decoration:none;font-weight:500;color:#b85a65;transition:all .2s ease-in-out}footer .container .content .footer-paragraph p a:hover{transform:scale(1.1)}.stop-scrolling{overflow:hidden}.scrolling{overflow:auto}.loader-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#30313d;display:flex;justify-content:center;align-items:center}.loader-wrapper .loader{display:inline-block;width:30px;height:30px;position:relative;border:4px solid #edf2f4;animation:loader 2s infinite ease}.loader-wrapper .loader .loader-inner{vertical-align:top;display:inline-block;width:100%;background-color:#edf2f4;animation:loader-inner 2s infinite ease-in}@keyframes loader{0%{transform:rotate(0deg)}25%{transform:rotate(180deg)}50%{transform:rotate(180deg)}75%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}@keyframes loader-inner{0%{height:0%}25%{height:0%}50%{height:100%}75%{height:100%}100%{height:0%}}.icon-scroll,.icon-scroll:before{position:absolute;left:50%}.icon-scroll{width:40px;height:70px;margin-left:-20px;top:90%;margin-top:-35px;box-shadow:inset 0 0 0 3px #edf2f4;border-radius:25px}.icon-scroll:before{content:"";width:8px;height:8px;background:#edf2f4;margin-left:-4px;top:8px;border-radius:4px;animation-duration:1.5s;animation-iteration-count:infinite;animation-name:scroll}@keyframes scroll{0%{opacity:1}100%{opacity:0;transform:translateY(46px)}}#button-back-to-top{display:inline-block;background-color:#d90429;width:40px;height:40px;text-align:center;border-radius:5px;position:fixed;bottom:30px;right:30px;transition:background-color .3s,opacity .5s,visibility .5s;opacity:0;visibility:hidden;z-index:1000;transition:all .2s ease-in-out}#button-back-to-top::after{content:"";font-family:FontAwesome;font-weight:normal;font-style:normal;font-size:1.5em;line-height:40px;color:#fff}#button-back-to-top:hover{cursor:pointer;transform:scale(1.1)}#button-back-to-top.show{opacity:1;visibility:visible}@media screen and (max-width: 1536px){section#s2 .slides-container .carousel-list li{margin:0 117.5px 0 117.5px !important}section#s3 .pseduo-track{width:79% !important}section#s3 .works-container{width:79% !important}section#s3 .works-container .down-content-info{width:25vw !important}}@media screen and (max-width: 1366px){section#s2 .slides-container{max-width:80% !important}section#s2 .slides-container img{width:5.5vw !important}section#s3 .pseduo-track{width:80% !important}section#s3 .works-container{width:80% !important}section#s3 .works-container .down-content-info{width:25vw !important}}@media screen and (max-width: 1280px){section#s2 .slides-container{max-width:80% !important}section#s2 .slides-container img{width:5vw !important}section#s3 .pseduo-track{width:80% !important}section#s3 .works-container{width:80% !important}section#s3 .works-container .down-content-info{width:25vw !important}}@media screen and (max-width: 1200px){.showcase-area .container .typewriter{font-size:48px !important}section#s2 .slides-container{max-width:80% !important}section#s2 .slides-container img{width:5vw !important}section#s3 .pseduo-track{width:80% !important}section#s3 .works-container{width:80% !important}section#s3 .works-container h3{font-size:1.4em !important}section#s3 .works-container .down-content-info{width:25vw !important}}@media screen and (max-width: 1080px){.modal .close{margin-right:7vw !important}.showcase-area .container .typewriter{font-size:42px !important;width:90% !important}section#s2 .slides-container{max-width:80% !important}section#s2 .slides-container .carousel-list li{margin:0 70px 0 70px !important}section#s3 .pseduo-track{width:80% !important}section#s3 .works-container{width:80% !important}section#s3 .works-container .down-content-info{max-width:50vw !important;width:38vw !important}section#s4 .content form{width:70% !important}}@media screen and (max-width: 962px){h2.typewriter{font-size:40px !important}section#s3 .works-container{width:80% !important}section#s3 .works-container .down-content-info{max-width:50vw !important;width:38vw !important}section#s4 .content form{width:80% !important}}@media screen and (max-width: 800px){nav.container .dropdown .dropbtn{display:block !important;background-color:rgba(0,0,0,0);color:#edf2f4;font-size:34px;border:none;padding:0}nav.container .dropdown .links{display:none;position:absolute;background-color:#30313d;border-radius:20px;width:100% !important;right:0 !important;z-index:1}nav.container .dropdown .links a{font-size:18px}nav.container .dropdown .links li{margin:4px 15px 4px 15px !important}nav.container .dropdown .links ul{flex-direction:column !important;padding:0 !important}@keyframes scroll{0%{opacity:1}100%{opacity:0;transform:translateY(30px)}}.modal .close{margin-right:4.5vw !important}.icon-scroll{width:30px !important;height:50px !important;margin-left:-15px !important}.showcase-area .container{height:90vh !important}.showcase-area .container h2{font-size:1.5em}.typewriter{font-size:36px}h2.typewriter{font-size:28px !important}section#s1 .content{width:80% !important}section#s2 .slider-container{max-width:80% !important}section#s2 .slider-container .carousel-item{margin-inline-start:57px !important;margin-inline-end:57px !important}section#s3 .pseduo-track{display:none !important}section#s3 .work-card{margin-bottom:0 !important}section#s3 .dot{display:inline-block !important}section#s3 .works-container{width:53% !important;scrollbar-color:rgba(0,0,0,0) !important}section#s3 .works-container::-webkit-scrollbar-thumb{display:none !important;background-color:rgba(0,0,0,0) !important}section#s3 .works-container .down-content-info{max-width:80vw !important;width:50vw !important}section#s3 .works-container .down-content-info button{padding:7px 15px !important}}@media(max-width: 600px){html{font-size:12px}:root{--marquee-width: 100vw;--marquee-height: 16vh;--marquee-elements-displayed: 3}.marquee:before,.marquee:after{width:5rem}}@media(max-width: 576px){.typewriter{font-size:24px}section#s3 .pseduo-track{display:none !important}section#s3 .work-card{margin-bottom:0 !important}section#s3 .dot{display:inline-block !important}section#s3 .works-container{width:63% !important;scrollbar-color:rgba(0,0,0,0) !important}section#s3 .works-container::-webkit-scrollbar-thumb{display:none !important;background-color:rgba(0,0,0,0) !important}section#s3 .down-content-info{max-width:80vw !important;width:60vw !important}section#s3 .down-content-info p{font-size:1.1em !important;height:8vh !important}}@media screen and (max-width: 414px){header h1{font-size:24px !important}header nav.container{gap:3em !important}#button-back-to-top.show{visibility:hidden !important}h2{font-size:28px !important}.parallax{background-attachment:scroll !important}.typewriter{font-size:20px;text-align:center}section#s1 .content{width:90% !important;font-size:1.2em !important}.carousel-item-content img{width:70% !important}section#s2 .slides-container{max-width:90% !important}section#s2 .slides-container .carousel-list li{margin:0 10px 0 10px !important}section#s2 .slides-container img{width:17.4vw !important}section#s3 .pseduo-track{display:none !important}section#s3 .works-container{width:90% !important}section#s3 .works-container .up-content-img{width:auto !important}section#s3 .works-container .down-content-info{width:330px !important;height:30vh !important}section#s3 .works-container .down-content-info p{font-size:1.2rem !important;height:13vh !important}section#s3 .works-container .down-content-info h3{font-size:1.7em !important}section#s3 .works-container::-webkit-scrollbar{display:none}section#s4 .content form{width:90% !important}section#s4 .content button{font-size:14px;width:45% !important}footer .content p{font-size:1.2em !important;line-height:0 !important}}@media screen and (max-width: 412px){section#s3 .works-container .down-content-info{height:100% !important}section#s3 .works-container .down-content-info p{font-size:1em !important}}@media screen and (max-width: 375px){header{margin-bottom:30px !important}nav.container .dropdown .links a{font-size:14px}.showcase-area .container .typewriter{font-size:2.8em !important}section#s2 .slides-container .carousel-list li{margin:0 10px 0 10px !important}section#s2 .slides-container img{width:18.5vw !important}section#s3 .works-container .down-content-info{width:330px !important;height:100% !important}}@media screen and (max-width: 320px){section#s3 .works-container .down-content-info{width:330px !important;height:35vh !important}section#s3 .works-container .down-content-info p{font-size:1.1em !important;height:15vh !important}footer .content p{font-size:.95em !important;line-height:0 !important}}@media only screen and (min-width: 1180px)and (orientation: landscape)and (max-height: 880px){.showcase-area .container{height:90vh !important}.parallax{background-attachment:scroll !important}section#s2 .slides-container{max-width:80%}section#s3 .pseduo-track{display:none !important}section#s3 .work-card{margin-bottom:0 !important}section#s3 .dot{display:inline-block !important}section#s3 .works-container{width:53% !important;scrollbar-color:rgba(0,0,0,0) !important}section#s3 .works-container::-webkit-scrollbar-thumb{display:none !important;background-color:rgba(0,0,0,0) !important}section#s3 .works-container .down-content-info button{padding:7px 15px !important}}@media only screen and (min-width: 820px)and (orientation: portrait)and (max-height: 1180px){section#s3 .pseduo-track{display:none !important}section#s3 .work-card{margin-bottom:0 !important}section#s3 .dot{display:inline-block !important}section#s3 .works-container{scrollbar-color:rgba(0,0,0,0) !important}section#s3 .works-container::-webkit-scrollbar-thumb{display:none !important;background-color:rgba(0,0,0,0) !important}section#s3 .works-container .down-content-info button{padding:7px 15px !important}}#myImg{border-radius:5px;cursor:pointer;transition:.3s}#myImg:hover{opacity:.7}#caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(48,49,61,.9)}.modal .modal-content{margin:auto;display:block;width:80%;max-width:700px;cursor:pointer}.modal .close{display:flex;flex-direction:row-reverse;margin-right:15vw;margin-top:0;margin-bottom:40px;color:#edf2f4;font-size:40px;font-weight:bold;transition:.3s}.modal .close:hover,.modal .close:focus{color:#d90429;text-decoration:none;cursor:pointer}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}.reveal{position:relative;transform:translateY(150px);opacity:0;transition:2s all ease}.reveal.active{transform:translateY(0);opacity:1}html,body{background-color:#30313d;height:100%;margin:0;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}.parallax{background-image:url("../../img/background_header.jpg");height:100%;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}/*# sourceMappingURL=main.css.map */