@import url(https://fonts.googleapis.com/css2?family=Borel&family=Coiny&family=McLaren&family=Permanent+Marker&family=Signika+Negative:wght@500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Borel&family=Coiny&family=McLaren&family=Permanent+Marker&display=swap);.navbar{display:flex;flex-direction:row;height:100px;justify-content:space-between;width:100%}.navbar .left-side{align-items:center;display:flex;flex:50% 1;height:100%}.navbar h1{color:#fff;font-family:Coiny,cursive;font-size:20px;margin:35px;text-align:center}.navbar .right-side{align-items:center;display:flex;flex:50% 1;height:100%;justify-content:center}.navbar a{color:#fff;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:15px;margin:20px;text-align:center;text-decoration:none}.navbar a:hover{border-width:2px;border-bottom:2px solid #fff}.navbar .right-side button{background-color:initial;border:none;color:#fff;cursor:pointer}.navbar .right-side svg{font-size:40px}.navbar #open{padding-left:0}.navbar #open .hiddenLinks{display:inherit;margin-left:30px}.navbar #close .hiddenLinks{display:none}.navbar #open a{margin:5px;width:70px}@media only screen and (max-width:600px){.navbar .right-side a{display:none}.navbar .right-side{justify-content:flex-end;padding-right:5vw}.navbar .right-side button{display:inherit}.navbar .left-side{align-items:center;display:flex;flex:50% 1;height:100%}.navbar h1{color:#fff;font-family:Coiny,cursive;font-size:4vw;margin:3vw}.navbar .left-side{padding-left:5vw!important}.navbar .right-side svg{font-size:6vw}.navbar #open .hiddenLinks{display:inherit;margin-left:1vw}.navbar #close .hiddenLinks{display:none}.navbar #open a{margin:3vw;width:10vw}}@media only screen and (min-width:600px){.hiddenLinks,.navbar .right-side button{display:none}}.gradient-cards{display:flex;flex-wrap:wrap;gap:3vw;justify-content:space-between;padding:3vw}.card{border:0;margin-inline:auto;max-width:36vw;width:100%}.container-card{background:linear-gradient(71deg,#080509,#1a171c,#080509);background-clip:padding-box;background-color:green;border:2px solid transparent;border-image:linear-gradient(71deg,#0d1212,#e5b8f4,#0d1212)1;border-radius:2vw;height:auto;min-height:20vw;padding:2vw;position:relative;transition:box-shadow .3s,-webkit-transform .3s;transition:transform .3s,box-shadow .3s;transition:transform .3s,box-shadow .3s,-webkit-transform .3s}.card .container-card .icon{fill:none;align-items:center;background:transparent;border:2px solid;border-image:linear-gradient(71deg,#080509,#e5b8f4,#080509) 1;border-radius:60px;color:#fff;display:flex;height:6vw;justify-content:center;width:7vw}.card .container-card .icon .icon-class{font-size:4vw}.bg-blue-box,.bg-green-box,.bg-white-box,.bg-yellow-box{position:relative}.bg-blue-box:after,.bg-green-box:after,.bg-white-box:after,.bg-yellow-box:after{border-radius:45px;bottom:-1px;content:"";left:-1px;position:absolute;right:-1px;top:-1px;z-index:-1}.card-title{color:#fff;font-size:2vw;font-style:normal;font-weight:600;letter-spacing:-.02em;line-height:1.2em;margin:.5vw;padding-bottom:1vw;padding-top:1vw;text-align:left}.card-description,.card-link{color:rgba(242,238,242,.733);font-size:1vw;font-weight:600;line-height:1.2em;max-width:50vw;padding:.5vw;text-align:left}.container-card:hover{background-color:green;box-shadow:0 0 10px rgba(0,0,0,.2);-webkit-transform:scale(1.05);transform:scale(1.05)}.card-description,.card-title{transition:text-shadow .3s}.container-card:hover .card-description,.container-card:hover .card-title{text-shadow:2px 2px 4px rgba(0,0,0,.3)}@media screen and (max-width:1600px){.card-title{font-size:2vw}.icon-class{font-size:4vw}.card-description,.card-link{font-size:1vw}}@media screen and (max-width:1200px){.card-title{font-size:2vw}.icon-class{font-size:4vw}.card-description,.card-link{font-size:2vw}}@media screen and (min-width:600px) and (max-width:768px){.card-title{font-size:3vw}.card .container-card .icon{height:10vw;width:10vw}.card .container-card .icon .icon-class{font-size:6vw}.card-description{font-size:2vw;max-width:80vw}.card-link{font-size:2vw}.card{max-width:100%}}@media screen and (max-width:600px){.card-title{font-size:3vw}.card .container-card .icon{height:10vw;width:10vw}.card .container-card .icon .icon-class{font-size:6vw}.card-description,.card-link{font-size:2vw}.card{max-width:100%}}.fade-in-section{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);transition:opacity 1s ease-in-out,-webkit-transform 1s ease-in-out;transition:opacity 1s ease-in-out,transform 1s ease-in-out;transition:opacity 1s ease-in-out,transform 1s ease-in-out,-webkit-transform 1s ease-in-out}.fade-in{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.fade-up{-webkit-transform:translateY(20px);transform:translateY(20px)}.fade-up.fade-in{-webkit-transform:translateY(0);transform:translateY(0)}.fade-down{-webkit-transform:translateY(-20px);transform:translateY(-20px)}.fade-down.fade-in{-webkit-transform:translateY(0);transform:translateY(0)}.fade-left{-webkit-transform:translateX(-20px);transform:translateX(-20px)}.fade-left.fade-in{-webkit-transform:translateX(0);transform:translateX(0)}.fade-right{-webkit-transform:translateX(20px);transform:translateX(20px)}.fade-right.fade-in{-webkit-transform:translateX(0);transform:translateX(0)}.about-section{background-color:#1c0125c2;height:auto;margin:50px;padding:5vw;scroll-behavior:smooth}.about-section .title{margin-bottom:5vw}.about-section .title h1{color:#e5b8f4;font-family:Coiny,cursive;font-size:3vw;text-align:center}.about-section .title p{color:#fff;font-family:Coiny,cursive;font-size:2vw;font-style:oblique;text-align:center}@media only screen and (max-width:600px){.about-section .title h1{font-size:5vw}.about-section .title p{font-size:3vw}}@media only screen and (min-width:600px){.about-section .title h1{font-size:5vw}.about-section .title p{font-size:3vw}}@media only screen and (min-width:768px){.about-section .title h1{font-size:3vw}.about-section .title p{font-size:2vw}}*{box-sizing:border-box;font-weight:400}.flip .front{position:relative;width:100%}.flip .front .front-content{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.front h1{background-color:#5b095781;color:#eabbf4;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:2.5em;text-shadow:1px 1px rgba(0,0,0,.04)}.flip{>.back,>.front{display:block;transition-duration:.5s;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}>.front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}>.back{height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);width:100%}&:hover{>.front{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}>.back{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}}.flip{display:inline-block;margin-bottom:2vw;margin-right:.7vw;position:relative;width:25vw}.flip>.back,.flip>.front{align-items:center;background-position:50%!important;background-size:cover!important;background:#130e15f3;border:1px solid;border-image:linear-gradient(71deg,#080509,#e5b8f4,#080509) 1;border-radius:10px;display:flex;flex-direction:column;height:25vw;justify-content:center;padding:1em 2em;width:inherit}h2{color:#fff;font-size:3vw;padding:2vw}h2,p{text-align:center}p{color:#999;font-size:2vw}.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)}@media only screen and (max-width:600px){.front h1{font-size:5vw}.flip{width:100%}}@media only screen and (min-width:600px){.front h1{font-size:5vw}.flip{width:100%}}@media only screen and (min-width:768px){.front h1{font-size:3vw}.flip{width:24.1vw}}@media only screen and (min-width:992px){.flip{width:25vw}}.project-section .title h1{color:#f2dcf7;font-family:Coiny,cursive;font-size:3vw;margin-bottom:5vw;text-align:center}.project-section{background-color:#260132cf;border:1% solid;border-radius:.5w;height:auto;margin:50px;padding:5vw;scroll-behavior:smooth}.flip-container{padding:1vw}@media only screen and (max-width:600px){.project-section .title h1{font-size:5vw}}@media only screen and (min-width:600px) and (max-width:768px){.project-section .title h1{font-size:5vw}}.contact-section{height:auto;padding:5vw;scroll-behavior:smooth}.contact-section .title h1{color:#e5b8f4;font-family:Coiny,cursive;font-size:3vw;text-align:center}.circles{align-items:center;background-color:#2c0638;border-radius:50%;display:inline-flex;height:8vw;justify-content:center;margin:0 7vw;position:relative;transition:background-color .3s ease;width:8vw}.circles:before{background:linear-gradient(71deg,#080509,#e5b8f4,#080509);border-radius:50%;content:"";height:103%;position:absolute;width:103%;z-index:-1}.social{align-items:center;display:flex;height:30vw;justify-content:center}.icon-class{color:#fff;font-size:5vw!important}.circles:hover .icon-class{text-shadow:2px 2px 5px rgba(0,0,0,.5);-webkit-transform:scale(1.2);transform:scale(1.2)}.circles a{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;text-decoration:none;width:100%}.circle-content{background-color:#2c0638;border-radius:5px;color:#fff;display:none;font-size:1vw;left:50%;margin-top:2vw;padding:5px;position:absolute;text-align:center;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:12vw}.circles:hover .circle-content{display:block}.title p{color:#fff;font-family:Coiny,cursive;font-size:2vw;font-style:oblique;text-align:center}@media only screen and (max-width:768px){.contact-section .title h1{font-size:5vw}.title p{font-size:3vw}}.container,.hero{display:flex;justify-content:space-between}.container{align-items:center;flex-direction:column;height:40vw;margin-bottom:0;overflow:hidden;width:80vw!important}.box{height:60vmin;left:1vw;position:relative;width:60vmin}.spin-container{-webkit-animation:spin 12s ease-in-out infinite alternate;animation:spin 12s ease-in-out infinite alternate;height:100%;position:relative;width:100%}.shape{-webkit-animation:morph 8s ease-in-out infinite alternate both;animation:morph 8s ease-in-out infinite alternate both;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:100%;overflow:hidden;transition:border-radius 1s ease-out;width:100%;z-index:5}.bd,.shape{position:absolute}.bd{align-items:center;animation:spin 12s ease-in-out infinite alternate-reverse;background:url(/Portfolio/static/media/pp6.cdac9f7718875eade40e.jpg);background-position:50%;background-size:100%;color:#003;display:flex;font-size:5vw;font-weight:700;height:142%;justify-content:center;left:-21%;opacity:1;text-align:center;text-transform:uppercase;top:-21%;width:140%;z-index:2}@-webkit-keyframes morph{0%{border-radius:40% 60% 60% 40%/60% 30% 70% 40%}to{border-radius:40% 60%}}@keyframes morph{0%{border-radius:40% 60% 60% 40%/60% 30% 70% 40%}to{border-radius:40% 60%}}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.hero .text{-webkit-animation:fade-in-right 1s ease-out 1s forwards;animation:fade-in-right 1s ease-out 1s forwards;display:flex;flex-direction:column;margin-right:10vw;margin-top:5vw;opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.hero .text h1 .name{color:#a41fd0;text-shadow:3px 3px 5px #9013cf}.hero .text h1 span{color:#32a2e7;text-shadow:3px 3px 5px #677af6}.hero .text h1 .freelancer{color:#a41fd0;text-shadow:3px 3px 5px #9013cf}.hero .text h1{color:#f5f6f8;font-family:Coiny,cursive;font-size:3vw;text-align:left;text-shadow:3px 3px 5px #b8dc35}@media only screen and (max-width:600px){.hero{align-items:center;display:flex;flex-direction:column}.box{height:50vmin;width:50vmin}.hero .text{display:flex;margin:0}.hero .text h1{font-size:5vw;text-align:left}.container{height:60vw}}@media only screen and (min-width:600px){.container{height:50vw}.box{height:40vmin;width:40vmin}}@media only screen and (min-width:768px){.container{height:50vw}.box{height:50vmin;width:50vmin}}@media only screen and (min-width:992px){.box{height:60vmin;width:60vmin}}@-webkit-keyframes fade-in-right{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in-right{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fade-in-left{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in-left{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}*{margin:0;padding:0}body{background-color:#000}.footer{background-color:#2c023a}.footer p{color:#e5b8f4;font-family:Courier New,Courier,monospace;font-size:1.5vw}@media only screen and (max-width:768px){.footer p{font-size:2vw}}
/*# sourceMappingURL=main.c34d017c.css.map*/