@font-face{font-family:"outfit";src:url("../fonts/Outfit-Light.woff") format("woff"),url("../fonts/Outfit-Light.woff2") format("woff2");font-weight:300;font-style:normal}@font-face{font-family:"outfit";src:url("../fonts/Outfit-Regular.woff") format("woff"),url("../fonts/Outfit-Regular.woff2") format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"outfit";src:url("../fonts/Outfit-Medium.woff") format("woff"),url("../fonts/Outfit-Medium.woff2") format("woff2");font-weight:500;font-style:normal}@font-face{font-family:"Raleway";src:url("../fonts/Outfit-SemiBold.woff") format("woff"),url("../fonts/Outfit-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal}body{font-family:"outfit"}h1{font-family:"outfit"}h2{font-weight:500;font-size:50px}h3{font-weight:300;font-size:35px}p{line-height:24px}html{scroll-behavior:smooth}body{color:#fff;background-color:#201c1d;margin:0;padding:0}.scroll-container{height:100vh;scrollbar-width:none}.scroll-container::-webkit-scrollbar{display:none}img,embed,object,video,picture{max-width:100%}.hidden{display:none}.underline{position:relative;display:inline-block;font-weight:300;color:#fff;text-decoration:none;transition:color .3s ease-in-out}.underline::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:#9788f9;transition:width .3s ease-in-out}.underline:hover{color:#9788f9}.underline:hover::after{width:100%}.line-break{border:none;height:2px;background-color:#fff;width:100%;margin:20px auto;transition:background-color .3s ease-in-out,width .3s ease-in-out}#logo-mb{width:70px;display:block;margin-top:20px;margin-left:10px}header{position:fixed;width:100%;z-index:999;transition:top .3s ease;top:0;backdrop-filter:blur(4.6px);-webkit-backdrop-filter:blur(4.6px)}#logo-mb,#logo-dt{flex-shrink:0}#header-text{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:15%;margin-top:40px}#logo-dt,#header-text{display:none}@media(min-width: 768px){#logo-mb{width:100px;display:block;margin-left:20px}#header-text{display:block;margin-top:55px;padding-left:75px}}@media(min-width: 1200px){#logo-mb{display:none}#logo-dt{margin-top:40px;display:block;width:150px;padding-left:20px}#header-text{display:block;padding-left:150px}}#footer{margin-top:60px;padding:40px 20px;background:radial-gradient(circle at 50% 50%, #A69DCB 10%, #F3B8AA 40%);background-size:300% 300%;animation:gradientCircle 6s ease-in-out infinite alternate;color:#fff}@keyframes gradientCircle{0%{background-position:30% 30%}25%{background-position:70% 30%}50%{background-position:70% 70%}75%{background-position:30% 70%}100%{background-position:30% 30%}}#footer #footer-logo{text-align:center}#footer #footer-logo img{max-width:250px;margin-bottom:10px}#footer #footer-links,#footer #footer-socials{margin-top:20px;text-align:center}#footer #footer-links ul,#footer #footer-socials ul{display:block;justify-content:center;align-items:center;gap:20px;list-style:none;padding:0}#footer #footer-links ul li a,#footer #footer-socials ul li a{font-size:25px;color:#fff;text-decoration:none;transition:color .3s ease;display:block;justify-content:center;align-items:center;gap:20px;list-style:none;padding:0;line-height:40px}#footer #footer-links ul li a img,#footer #footer-socials ul li a img{display:none}#footer #footer-links ul li a:hover,#footer #footer-socials ul li a:hover{color:#6049f4}#footer #footer-socials ul{flex-direction:row;justify-content:center;gap:15px}#footer #footer-socials ul li a{display:flex;align-items:center;gap:10px;font-size:25px;color:#fff;text-decoration:none;transition:color .3s ease;line-height:40px}#footer #footer-socials ul li a img{width:30px;height:auto}#footer #footer-socials ul li a:hover{color:#6049f4}#footer #footer-socials img{transition:transform .3s ease}#footer #footer-socials img:hover{transform:scale(1.2)}#footer #footer-copyright{text-align:center;font-size:.9rem;margin-top:30px;opacity:.8}@media screen and (min-width: 768px){#footer{padding:30px 15px}#footer #footer-logo #footer-description{display:block;font-size:20px}#footer #footer-links ul,#footer #footer-socials ul{display:flex;align-items:center;gap:15px}#footer #footer-socials img{display:inline !important}#footer #footer-links,#footer #footer-socials{margin-top:20px;text-align:center}#footer #footer-links ul li a,#footer #footer-socials ul li a{font-size:20px;line-height:40px}#footer #footer-socials ul{gap:15px}#footer #footer-socials ul li{align-items:center}#footer #footer-socials ul li a{gap:10px;font-size:20px;line-height:40px}}@media screen and (max-width: 1200px){#footer{padding:50px 15px}#footer #footer-links{font-size:10px}}#menu-button{background-color:#9788f9;border:1.5px solid #fff;border-radius:30px;color:#fff;margin-top:40px;margin-left:70px;width:110px;height:40px;cursor:pointer;transition:background-color .3s ease,transform .5s ease;display:flex;justify-content:center;align-items:center}#menu-button:hover{background-color:rgba(93,0,255,.5)}#menu-button img{width:20px;height:auto}#nav-list{display:none;list-style:none;padding:0;margin:0;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#201c1d;z-index:1000;flex-direction:column;justify-content:center;align-items:center;transition:top .5s ease-in-out}#nav-list.show{display:flex;top:0}#nav-list li{padding:20px;margin-left:50px;color:#fff;font-size:24px;width:100%;position:relative;transition:transform .3s ease,padding-left .3s ease}#nav-list li::before{font-size:30px;color:#fff;position:absolute;top:50%;transform:translateY(-70%);opacity:0;transition:opacity .3s ease,transform .3s ease}#nav-list li a{margin-left:50px;font-size:50px}#nav-list li:hover{transform:translateX(10px);padding-left:90px}#nav-list li:hover::before{opacity:1;transform:translateY(-50%) translateX(10px)}#nav-list li a{text-decoration:none;color:#fff}#nav-list li a:hover{color:#9788f9}#nav-list #close-button{padding:10px;font-size:36px;color:#fff;cursor:pointer;position:absolute;top:20px;right:20px;width:50px;height:50px;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease,transform .3s ease;border:none}#nav-list #close-button .close-icon{font-size:30px;color:#fff;transition:transform .3s ease}#nav-list #close-button:hover{transform:scale(1.1)}#nav-list #close-button:active{transform:scale(0.95)}.no-scroll{overflow:hidden}#view-all-btn{display:flex;align-items:center;padding-left:55px}#view-all-btn a{display:inline-block;padding:6px 15px;font-size:16px;font-weight:400;text-decoration:none;border-radius:30px;background:#9788f9;color:#fff;border-color:#fff;transition:all .3s ease-in-out;min-width:60px}#view-all-btn a:hover{background:rgba(0,0,0,0);color:#9788f9;border:1px solid #9788f9;box-shadow:0 2px 5px rgba(0,0,0,.2)}#view-all-btn a:active{transform:scale(0.97)}.back-home{background-color:#9788f9;border:1.5px solid #fff;border-radius:30px;color:#fff;margin-top:20px;margin-right:20px;position:absolute;top:20px;right:10px;width:110px;height:40px;cursor:pointer;transition:background-color .3s ease,transform .5s ease;display:flex;justify-content:center;align-items:center;text-decoration:none}.back-home:hover{background-color:rgba(93,0,255,.5)}@media screen and (min-width: 768px){#menu-button{margin:50px 0 0 150px;margin-left:75%}#view-all-btn{display:flex;align-items:center}#view-all-btn a{display:inline-block;padding:6px 15px;font-size:16px;font-weight:400;text-decoration:none;border-radius:30px;background:#9788f9;color:#fff;border-color:#fff;transition:all .3s ease-in-out;min-width:60px}#view-all-btn a:hover{background:rgba(0,0,0,0);color:#9788f9;border:1px solid #9788f9;box-shadow:0 2px 5px rgba(0,0,0,.2)}#view-all-btn a:active{transform:scale(0.97)}}@media(min-width: 1400px){#menu-button{margin:50px 0 0 200px}.back-home{background-color:#9788f9;border:1.5px solid #fff;border-radius:30px;color:#fff;margin-top:20px;margin-right:20px;top:20px;right:20px}}#video-con .plyr--video{border-radius:15px;--plyr-color-main: #AA7BFB;--plyr-control-icon-size: 0.9375rem;--plyr-control-radius: 1.25rem;--plyr-font-family: v.$body-font-family;--plyr-control-spacing: 0.9375rem}html{overflow-x:hidden;position:relative}.hidden{display:none}#banner{font-size:40px;margin-top:150px;padding:20px;align-items:center;justify-content:center;text-align:center;line-height:1.5}#banner #music-name,#banner #full-name{display:inline;opacity:1;transition:opacity .5s ease}#banner p{font-size:19px;font-weight:300}#banner .v-slide{display:inline-block}#banner #banner-gallery-con{width:100%;margin-top:20px}#banner #banner-gallery{overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center}#banner #gallery-images{display:flex;transition:transform .5s ease-in-out;list-style:none;padding:0;margin:0;width:100%}#banner #gallery-images li{flex:0 0 100%;display:flex;justify-content:center;align-items:center}#banner img{max-width:95%;height:auto;display:block;margin:0 auto;border-radius:15px}#quote{margin-top:30px;margin-bottom:80px;padding:20px}#quote #quote-con{font-size:40px}#quote #quote-con #animation-logo1{float:right}.logo-gallery{display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% 50%, #A69DCB 1%, #F3B8AA 40%);background-size:300% 300%;animation:gradientCircle 6s ease-in-out infinite alternate;color:#fff;padding:100px 20px}@keyframes gradientCircle{0%{background-position:30% 30%}25%{background-position:70% 30%}50%{background-position:70% 70%}75%{background-position:30% 70%}100%{background-position:30% 30%}}.title-con{margin-bottom:40px;font-size:50px;color:#fff}.title-con .logo-con p{margin:0 auto;font-size:50px}.title-con .logo-con span{display:none}.logo-gallery-con{display:flex;justify-content:center;gap:3px}.logo-box{width:80px;height:80px;border-radius:50%;background-color:#9788f9;box-shadow:0 4px 8px rgba(0,0,0,.2)}.logo-box img{width:100%;height:auto}.logo-box:hover{transform:scale(1.1)}#logo-overlay .overlay-content{overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}#logo-overlay .overlay-content::-webkit-scrollbar{display:none}.logo-header{padding-top:50px;color:#fff;display:flex;justify-content:center;align-items:center;height:100%;text-align:center}.small-images{width:50%;display:flex}.overlay{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}.overlay-content{background-color:#201c1d;margin:0;padding:20px 30px;border:1px solid #888;width:100%;height:100%;overflow-y:auto;position:relative;box-sizing:border-box}.close{color:#aaa;font-size:28px;font-weight:bold;position:absolute;top:20px;right:25px;transition:.3s}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.logo-gallery-con{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px}.logo-box{text-align:center}.logo-link img{max-width:100%;height:auto;cursor:pointer}.case-study-content{height:calc(100% - 40px);overflow-y:auto;color:#fff}.case-study-content h3{margin:50px 0;font-weight:500}.case-study-content p{font-weight:300}.case-study-content img{max-width:100%;height:auto;margin-bottom:20px}.case-study-content h3{font-size:1.5em;margin-bottom:10px}.case-study-content p{font-size:1.1em;line-height:1.6;margin-bottom:20px}.skills{background:radial-gradient(circle at 50% 50%, #A69DCB 1%, #F3B8AA 40%);background-size:300% 300%;animation:gradientCircle 6s ease-in-out infinite alternate;color:#fff;padding:20px}@keyframes gradientCircle{0%{background-position:30% 30%}25%{background-position:70% 30%}50%{background-position:70% 70%}75%{background-position:30% 70%}100%{background-position:30% 30%}}.skill-box{display:flex;align-items:center;justify-content:center;gap:10px;color:#fff}.skill-box p{padding-right:10px;font-size:20px}.skill-box img{height:auto;max-width:100px}.skills-underline{width:100%;height:3px;background-color:#fff;margin:10px auto}.section-title{font-size:32px;color:#fff;margin-bottom:40px;display:flex;justify-content:center;align-items:center;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#projects{padding:20px}#projects h2{font-size:25px}#projects .title-con p{margin-bottom:0px}#projects .title-con .call-to-action{margin-top:0;font-size:20px;font-weight:300}.project{position:relative;overflow:hidden;transition:transform .3s ease-in-out;margin-bottom:50px;margin-left:10px}.project .project-details{font-size:18px}.project .project-details .project-skill{font-weight:200;font-size:15px}.project:hover{transform:scale(1.03)}.project img{width:95%;border-radius:10px;transition:transform .3s ease-in-out}#about{padding:30px}#about #about-image{gap:50px}#about #about-location{margin-top:10px;font-weight:200;font-size:13px}#about #about-quote-con p{margin-top:0px;font-size:70px;line-height:1}#about #about-quote-con #about-quote-02{margin-top:20px;font-size:40px}#about #about-quote-con .arrow-button{width:90px;height:90px;background-color:#9788f9;color:#201c1d;border:2px solid #fff;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .3s ease,background-color .3s ease,color .3s ease}#about .arrow-button a svg{text-decoration:none;color:#201c1d;font-size:35px;display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%}#about #about-quote-con .arrow-button:hover{background-color:rgba(0,0,0,0);border-color:#9788f9;transform:scale(1.1) rotate(10deg)}#about .arrow-button svg:hover{transform:translateX(5px);color:#9788f9}#about .arrow-button{width:60px;height:60px;display:flex;justify-content:center;align-items:center;background-color:#9788f9;color:#201c1d;font-size:35px;border-radius:1.5px;cursor:pointer;transition:transform .3s ease,background-color .3s ease;box-shadow:0 4px 8px rgba(0,0,0,.1)}#about .arrow-button:hover{background-color:rgba(0,0,0,0);color:#fff;transform:scale(1.1) rotate(10deg)}#about .arrow-button span{transition:transform .3s ease}#about .arrow-button:hover span{transform:translateX(5px)}#about #about-location{font-weight:200;font-size:13px}@media(min-width: 412px){#banner #status-box{display:inline-flex;align-items:center;padding:8px 15px;margin-bottom:50px;border:1px solid #fff;border-radius:50px;position:relative}#banner #status-box p{font-size:12px;color:#fff;margin:0 8px 0 0}#banner #status-box .status-circle{position:relative;margin-right:10px;width:10px;height:10px;border-radius:50%;background-color:#6fff5f}#banner #status-box .status-circle::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:50%;background-color:#cdfc7c;opacity:1;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:translate(-50%, -50%) scale(1);opacity:1}100%{transform:translate(-50%, -50%) scale(3);opacity:0}}#quote{margin:30px 20px 30px 20px}#animation-logo2{display:none}#about{padding:0 30px 0 30px}#about-quote-con{display:flex}#about-quote-con #about-icon{margin-top:50px;margin-left:30px}#about-quote-con #about-quote-02{display:none}#projects .line-break{display:block}.skills{display:none}}@media(min-width: 768px){#header-text{display:block}#banner{padding-top:50px}#banner .status-circle{position:relative;margin-right:10px;width:10px;height:10px;border-radius:50%;background-color:#6fff5f}#banner .status-circle::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:50%;background-color:#cdfc7c;opacity:1;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:translate(-50%, -50%) scale(1);opacity:1}100%{transform:translate(-50%, -50%) scale(3);opacity:0}}#quote #quote-con{padding:0px 50px 0 50px}#quote #quote-con #quote-01 h2{font-size:40px;font-weight:400}#quote #quote-con #quote-02 h2{font-size:40px;font-weight:400}#quote #animation-logo2{display:block}.skills{display:block;padding:50px 50px 50px 50px}#skills{justify-content:center;align-items:center;margin:30px 0;background-color:#9788f9}.skill-box p{padding-right:10px;font-size:28px}.skill-box img{height:auto;max-width:200px}.skills-underline{width:100%;height:3px;background-color:#fff;margin-top:10px}#projects{padding:40px}#projects h2{font-size:50px}#projects .project{font-size:13px}#projects .project .project-details{margin-top:15px}#projects .line-break{display:none}.logo-gallery{padding:80px 0 100px 0}.logo-gallery .title-con{margin-bottom:0px}.logo-gallery .title-con .logo-con p span{display:inline-block;padding-right:10px}.logo-gallery .title-con .logo-details{margin-top:20px;text-align:center}.logo-gallery .title-con .logo-details p{font-size:20px;font-weight:300}.logo-gallery-con{display:flex;justify-content:center;gap:15px}.logo-box{margin-top:40px;width:150px;height:150px;border-radius:50%;background-color:#9788f9;box-shadow:0 4px 8px rgba(0,0,0,.2)}.logo-box img{width:100%;height:auto}.logo-box:hover{transform:scale(1.1)}.overlay-content{background-color:#201c1d;margin:0;padding:50px 30px}.case-study-content{padding:0 40px}#about{padding:100px 80px}#about #about-image #about-quote-con{display:block}}@media(min-width: 1200px){#banner{padding-top:80px}#banner img{width:95%}#quote #quote-con{padding:50px 150px 50px 150px}.logo-box{width:170px;height:170px;border-radius:50%;background-color:#9788f9;box-shadow:0 4px 8px rgba(0,0,0,.2)}.logo-box img{width:100%;height:auto}.logo-box:hover{transform:scale(1.1)}.logo-gallery{display:flex;flex-direction:column;align-items:center;background-color:#9788f9;padding:100px 20px}.logo-gallery .logo-con{margin-bottom:30px}.logo-gallery-con{gap:40px}.logo-box{transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.logo-box:hover{transform:scale(1.1);box-shadow:0 10px 20px rgba(0,0,0,.2)}.logo-box img{transition:opacity .3s ease-in-out}.logo-box:hover img{opacity:.8}.overlay-content{background-color:#201c1d;margin:0;padding:50px 150px}.skill-box p{padding-right:10px;font-size:50px}.skill-box img{height:auto;max-width:200px}.skills-underline{width:85%;height:2px;background-color:#fff;margin-top:10px}#projects{padding:50px 150px 50px 150px}#projects h2{font-size:50px}#projects .line-break{display:none}.project::before{content:"";position:absolute;bottom:3px;left:47.5%;width:95%;height:0%;background:linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);transition:height .4s ease-in-out;border-radius:10px;transform:translateX(-50%)}.project-details{position:absolute;bottom:10px;left:48%;transform:translateX(-50%);width:90%;padding:1rem;text-align:center;color:#fff;opacity:0;transition:opacity .3s ease-in-out}.project:hover::before{height:30%}.project:hover .project-details{opacity:1}#about{padding:50px 150px}#about-quote-con{display:block;margin-left:50px}#about-quote-con #about-quote-02{display:block}}@media(min-width: 1400px){#banner{padding-top:80px}#quote{padding-bottom:100px}#quote #quote-con{padding:50px 200px 50px 200px}.logo-gallery{padding:120px 20px 150px 20px}.overlay-content{background-color:#201c1d;margin:0;padding:50px 150px}#skills{padding-bottom:50px}.skills-underline{width:75%;height:2.5px;background-color:#fff;margin:20px auto}#about{padding-top:150px}}.hidden{display:none}#case-study{padding:0 30px;margin-top:150px}#thumbnail-box{position:relative;overflow:hidden}#thumbnail-box .thumbnail-box-container{display:flex;justify-content:center;align-items:center}.thumbnail-item{position:relative}.thumbnail-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.section-title{position:absolute;top:20px;left:20px;font-size:36px;font-weight:bold;color:#fff;z-index:10}#heading{margin-top:50px}#heading p{font-size:90px;margin-bottom:50px}#case-details-mb{margin-top:20px}#case-details-mb h2{font-weight:500}#case-details-mb h2,#case-details-mb p{font-size:15px}#case-details-mb p{font-weight:300;margin-bottom:30px}#case-details-dt{margin-top:20px}#case-details-dt h2{font-weight:500}#case-details-dt h2,#case-details-dt p{font-size:15px}#case-details-dt p{font-weight:300;margin-bottom:30px}#intro-header{font-weight:300;font-size:15px}#intro-header h2{font-weight:500;font-size:25px}#intro-header .line-height{margin-bottom:100px;margin-top:100px;line-height:25px}#case-gallery-con{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}#case-gallery-con #case-gallery .custom-margin{margin-bottom:20px}#result-con h2{font-weight:500;font-size:25px}#result-con p{font-weight:300;font-size:15px}#result-con .line-height{margin-bottom:100px;margin-top:100px;line-height:25px}.view-button{margin:10px auto;margin-top:10px;margin-bottom:80px;padding:10px 20px;background-color:#cdfc7c;color:#201c1d;border:2px solid #fff;border-radius:30px;cursor:pointer;font-size:16px;display:block;text-align:center;transition:all .3s ease;text-decoration:none}.view-button:hover{background-color:rgba(0,0,0,0);border:2px solid #cdfc7c;color:#cdfc7c}.view-more-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:90px}.case-icon{width:80px;height:auto;margin-bottom:20px}#ntpv-button{padding-top:50px}#prev-next-nav{display:flex;justify-content:center;margin-top:50px}.nav-container{display:flex;align-items:center;gap:40px}.buttons-style{display:flex;flex-direction:column;align-items:center;text-decoration:none}.nav-thumbnail{width:200px;height:300px;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s ease-in-out}.nav-label{margin-top:10px;font-size:18px;font-weight:bold;color:#333;transition:color .3s ease-in-out}.buttons-style:hover .nav-thumbnail{transform:scale(1.05)}.buttons-style:hover .nav-label{color:#000}.project-link-button{display:inline-block;margin-top:5px;padding:.75rem 1.75rem;background-color:#cdfc7c;color:#201c1d;text-decoration:none;font-size:16px;font-family:"Outfit",sans-serif;border-radius:30px;transition:all .3s ease;border:2px solid #fff}.project-link-button:hover{background-color:rgba(0,0,0,0);color:#cdfc7c;border:1px solid #cdfc7c}#go-contact{margin:20px 0}@media(min-width: 412px){#case-details-dt{display:none}}@media(min-width: 768px){#case-details-mb{display:none}#case-details-dt{display:flex;margin-bottom:50px}#case-details-dt .case-item{margin-right:50px}#intro-header h1{font-size:80px;font-weight:500}.nav-thumbnail{width:500px;height:300px}}@media(min-width: 1200px){#case-study{padding:0 150px}}#portfolio{padding:0 30px;margin-top:130px}#portfolio .portfolio-title{text-align:center}#portfolio .collection-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:50px}#portfolio .collection-wrapper h2,#portfolio .collection-wrapper p{margin:0;line-height:1.5}#portfolio .collection-wrapper p{margin-top:0;font-size:19px}#my-artwork{padding:0 30px}@media(min-width: 768px){#portfolio{padding-top:50px}.collection-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:50px}.collection-wrapper h2,.collection-wrapper p{margin:0;line-height:1.5}.collection-wrapper h2{font-size:40px}.collection-wrapper p{margin-top:0;font-size:19px}}@media(min-width: 1200px){#portfolio{padding:70px 150px 70px 150px}.collection-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:50px}.collection-wrapper h2,.collection-wrapper p{margin:0;line-height:1.5}.collection-wrapper h2{font-size:40px}.collection-wrapper p{margin-top:0;font-size:19px}#my-artwork{padding:0 150px}}.interactive-span{background:radial-gradient(circle at 50% 50%, #A69DCB 1%, #F3B8AA 40%);background-size:200% 200%;animation:gradientCircle 6s ease-in-out infinite alternate;padding:10px 20px;display:inline-block;border-radius:50px;margin-bottom:20px;color:#fff}@keyframes gradientCircle{0%{background-position:30% 30%}25%{background-position:70% 30%}50%{background-position:70% 70%}75%{background-position:30% 70%}100%{background-position:30% 30%}}#about-banner-name p{font-size:40px;line-height:1.5;font-weight:400;text-align:center;margin-top:150px}#about-banner-name p span{font-size:19px}#about-banner-name p #aboutme-gif{width:500px;align-items:center}#about-details{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px}.highlight{width:100%;max-width:800px;margin-bottom:20px;text-align:center}p{font-size:19px;line-height:1.6}.highlight span{font-size:17px;font-weight:500;color:#a69dcb;animation:colorChange 6s ease-in-out infinite alternate}@keyframes colorChange{0%{color:#a69dcb}50%{color:#f3b8aa}100%{color:#a69dcb}}#video-con{max-width:800px;margin:30px 20px}.service-title{margin-left:30px}#services{padding:30px}#services .line-break{height:.5px}#services #services-heading{margin-bottom:15px}#services .line-break{border:none;border-bottom:2px solid #edeef3;width:100%;margin:20px 0}#services .service{margin-top:5px}#services .service-header{display:flex;align-items:center}#services .service-number,#services .service-title{margin-top:15px;font-size:25px}#services .service-description{margin-top:10px;font-weight:300;font-size:17px}#services .service-box{background-color:rgba(0,0,0,0);margin-bottom:50px}#services #contact-link{margin-top:30px;margin-bottom:5px;text-decoration:underline;font-weight:200}#services #contact-link a{color:#edeef3}#services #contact-link a:hover{color:#cdfc7c}#services #contact-link a:visited{color:#aa7bfb}#services #contact-link a:active{color:#cdfc7c}#resume-con #resume-hover{margin:10px auto;margin-top:10px;margin-bottom:80px;padding:10px 20px;background-color:#cdfc7c;color:#201c1d;border:2px solid #fff;border-radius:30px;cursor:pointer;font-size:16px;display:block;text-align:center;transition:all .3s ease;text-decoration:none}#resume-con #resume-hover:hover{background-color:rgba(0,0,0,0);border:2px solid #cdfc7c;color:#cdfc7c;text-decoration:none}@media(min-width: 768px){#services{padding:30px 30px 0 30px}.service-title,.service-description{text-align:right;margin-left:auto}.service-description{text-align:right;margin-left:200px}#contact-link{text-align:right;margin-left:auto}#video-con{max-width:800px;margin:30px auto}#aboutme-gif{display:flex;align-items:center;justify-content:center}}@media(min-width: 1200px){#about-banner-name p{margin-top:200px}#services{padding:80px 150px 0 150px}#video-con{max-width:800px;margin:30px auto}#aboutme-gif{align-items:center}}#contact{margin:130px auto 100px auto;padding:0 30px;max-width:600px;text-align:center}#contact #contact-heading{font-weight:500;font-size:40px}#contact #contact-heading span{display:block;font-size:18px;font-weight:400}#contact #contact-form{width:100%;display:flex;justify-content:center}#contact #contact-form #contact-box{align-items:center;width:100%}#contact #contact-form #contact-box input{width:96%}#contact #contact-form #contact-box textarea{width:96%;resize:none;overflow-y:hidden;height:100px}#contact #contact-form #contact-box .contact-typo,#contact #contact-form #contact-box .contact-msg{font-family:"outfit";font-size:20px;padding:15px 0 15px 15px;border-radius:15px;background-color:rgba(255,255,255,.1);border:1px solid #edeef3;margin-top:15px;color:#fff;transition:border-color .3s ease,box-shadow .3s ease}#contact #contact-form #contact-box:focus{border-color:#cdfc7c;box-shadow:0 0 5px rgba(205,252,124,.5)}#contact #contact-form #send-button{width:30%;margin-left:auto;margin-top:15px}#contact #contact-form #send-button input[type=submit]{width:100%;padding:13px 20px;font-family:"outfit";font-size:18px;color:#201c1d;background-color:#cdfc7c;border:none;border-radius:13px;cursor:pointer;transition:all .3s ease}#contact #contact-form #send-button input[type=submit]:hover{background-color:rgba(0,0,0,0);border:1.5px solid #cdfc7c;color:#fff}@media(min-width: 768px){#contact{padding:50px}#contact #contact-form #contact-box textarea{height:200px}#send-button{margin-right:10px}}@media(min-width: 1200px){#contact{padding:50px 300px 0 300px}#contact #contact-form #contact-box textarea{height:200px}#send-button{margin-right:10px}}#thankyou{justify-content:center;align-items:center;text-align:center;padding:300px 0 0 0}h3,p{margin:10px 0}/*# sourceMappingURL=main.css.map */