@import"https://fonts.googleapis.com/css2?family=Aboreto&family=Anek+Telugu:wght@300;500&family=Nanum+Gothic&family=Roboto+Mono&display=swap";@import"https://fonts.googleapis.com/css2?family=Silkscreen&display=swap";html{box-sizing:border-box;font-size:100%}*,*::before,*::after{box-sizing:inherit;outline:none}body{margin:0;padding:0;font-family:"Open Sans",sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.5}.shadow-dark{box-shadow:0 0 1.25em rgba(27,27,27,.2);opacity:.9}h1,h2,h3{font-weight:700;line-height:1.1;margin-top:0}h1{font-size:clamp(1.75rem,1rem + 2vw,2.5rem)}h2{font-size:clamp(1.375rem,0.875rem + 1.5vw,2.25rem)}p{margin-top:0;font-size:1rem}a,a:visited,a:active{text-decoration:none}#logo{text-transform:capitalize}.p2{font-family:"Silkscreen",cursive;color:var(--text-black-700)}.p3{font-family:"Times New Roman",Times,serif !important}.timeline-text,.info-item{font-family:"Anek Telugu",sans-serif}.skill-percent{font-family:"Aboreto",cursive}#p-intro{font-family:"Roboto Mono",monospace;font-size:1rem}:root{--skin-color: #ea3e80;--bg-black-900: #151515;--bg-black-100: #222222;--bg-black-50: #393939;--text-black-900: #ffffff;--text-black-700: #e9e9e9}body.dark{--background-color: hsl(0, 0%, 11%);--text-color: hsl(60, 2%, 9%);--bg-black-900: #f2f2fc;--bg-black-100: #fdf9ff;--bg-black-50: #e8dfec;--text-black-900: #302e4d;--text-black-700: #504e70;--text-logo: rgb(238, 238, 247)}.aside{align-items:center;background-color:var(--bg-black-100);border-right:0.0625em solid var(--bg-black-50);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:all .5s ease;-webkit-user-select:none !important;-moz-user-select:none !important;user-select:none !important;width:16.875em;z-index:10}ul{list-style:none}.aside .logo{font-size:1.5625rem;position:absolute;text-transform:capitalize;top:2.8125em}.aside .logo a{background:var(--text-black-900);color:var(--skin-color);font-size:1rem;font-weight:700;padding:0.75em 1.25rem;position:relative}.aside .logo a span{font-size:2.5rem}.aside .logo a::before{border-left:0.3125em solid var(--skin-color);border-radius:0.3125em;bottom:0;content:"";height:1.875em;left:20;margin-bottom:-0.625em;margin-left:-1.875em;position:absolute;width:1.875em}.aside .logo a::after{border-radius:0.3125em;border-right:0.3125em solid var(--skin-color);content:"";height:1.875em;margin-bottom:0em;margin-left:-0.625em;position:absolute;right:-10px;top:-0.625em;width:1.875em}.nav{padding-left:0}.aside .nav-toggler{align-items:center;background:var(--bg-black-100);border:0.0625em solid var(--bg-black-50);border-radius:0.3125em;cursor:pointer;display:none;height:2.5em;justify-content:center;left:18.75em;position:fixed;top:1.25em;transition:all .5s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:2.8125em}.aside .nav-toggler span{background:var(--skin-color);display:inline-block;height:0.125em;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:1.125em}.aside .nav-toggler.open span{background-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;user-select:none}.aside .nav-toggler span::before{background:var(--skin-color);content:"";height:0.125em;left:0;position:absolute;top:-0.375em;width:1.125em}.aside .nav-toggler.open span::before{top:0;transform:rotate(45deg)}.aside .nav-toggler span::after{background:var(--skin-color);content:"";height:0.125em;left:0;position:absolute;top:0.375em;width:1.125em}.aside .nav-toggler.open span::after{top:0;transform:rotate(-45deg)}.aside .nav-toggler span::before{content:"";height:0.125em}.aside .nav{margin-top:5.625em}.aside .nav li{display:block;margin-bottom:1.375em}.aside .nav li a{color:var(--text-black-900);display:block;font-weight:1em;font-weight:600;padding:0.3125em 0.9375em}.aside .nav li a.active{color:var(--skin-color);transition:all .3s ease}.aside .nav li a i{margin-right:0.9375em}.fa-diamond,.fa-heart,.fa-spa,.fa-q,.fa-plus{padding-left:1.25em}.fa-heart{margin-left:0.5em}.fa-circle-nodes{margin-inline:0.09375em}.fa-spa{margin-left:0.5em}.about .about-content .timeline .timeline-title{color:var(--text-black-900);font-size:1rem;font-weight:700;margin-bottom:0.9375em;text-transform:capitalize}.about .about-content .timeline .timeline-text{color:var(--text-black-700);font-size:1rem;line-height:1.5625em;text-align:justify}.section{background:var(--bg-black-900);min-height:100vh;display:block;padding:0 1.875rem;opacity:1;position:fixed;left:270px;top:0;right:0;bottom:0;z-index:1;overflow-y:auto;overflow-x:hidden;transition:all .5s ease}.section.back-section{z-index:0}.section.active{z-index:2;opacity:1;animation:slideSection 1s ease}@keyframes slideSection{0%{transform:translateX(100%)}100%{transform:translateX(0%)}}.hidden{display:none !important}.section .container{padding-top:3.75em;padding-bottom:4.375em}.section-title{flex:0 0 100%;max-width:100%;margin-bottom:2.5em}.section-title h2{font-size:1.875rem;color:var(--text-black-900);font-weight:200;position:relative;font-family:"Silkscreen",cursive}.section-title h2::before{content:"";height:0.1875em;width:5em;background-color:var(--skin-color);position:absolute;top:100%;left:0;margin-top:0.25em;border-radius:1.25em;margin-left:0.3125em}.section-title h2::after{content:"";height:0.125em;width:2.1875em;background-color:var(--skin-color);position:absolute;top:100%;left:0;margin-top:0.625em;border-radius:1.25em;margin-left:1.75em}.portfolio-title h2::before{margin-left:0.3125em;width:6.25em;height:0.1875em}.portfolio-title h2::after{margin-left:2.0625em;width:3.125em}.con-title h2::before{margin-left:0.0625em}.con-title h2::after{margin-left:1.5625em}.hidden{display:none !important}.padd-15{padding-left:0.9375em;padding-right:0.9375em}.container{margin:auto;max-width:68.75em;width:100%}.hero{align-items:center}.row{display:flex;flex-wrap:wrap;margin-left:-0.9375rem;margin-right:-0.9375rem;margin-top:-0.75em;position:relative}.btn{background:var(--skin-color);border:none;border-bottom-left-radius:1.25em;border-bottom-right-radius:0.3125em;border-top-left-radius:0.3125em;border-top-right-radius:1.25em;color:#fff;display:inline-block;font-size:1rem;font-weight:500;padding:0.75em 2.1875em;transition:.5s;white-space:nowrap}.repo{display:flex;justify-content:center;margin-inline:auto;width:12.5em}.btn:hover{border-bottom-left-radius:0.3125em;border-bottom-right-radius:1.25em;border-top-left-radius:1.25em;border-top-right-radius:0.3125em;color:#000}.btn-2{border-bottom-left-radius:0.3125em;border-bottom-right-radius:1.25em;border-top-left-radius:1.25em;border-top-right-radius:0.3125em}.btn-2:hover{border-bottom-left-radius:1.25em;border-bottom-right-radius:0.3125em;border-top-left-radius:0.3125em;border-top-right-radius:1.25em;transform:scale(1)}.home{color:var(--text-black-900);display:flex;min-height:100vh}.home .home-info{flex:0 0 69%;max-width:60%}h3.hello{font-size:1.875rem;margin:0.9375em 0}h3.hello span{color:"Clicker Script",cursive;color:var(--skin-color);font-size:1.875rem;font-weight:700}h3.my-profession{font-family:"Silkscreen",cursive;font-size:1.875rem;margin:0.9375em 0;text-align:center}.typing{color:var(--skin-color)}.home-info p{color:var(--text-black-700);font-size:1.25em;margin-bottom:2.5em}.home .home-img{flex:0 0 40%;max-width:40%;position:relative;text-align:center}.home .home-img img{border-radius:0.3125em;height:25em;margin:auto}#copyright{color:var(--skin-color);display:flex;font-size:1rem;font-style:italic;justify-content:center;margin:1em auto;margin-top:4em;margin-top:auto;-webkit-text-decoration:wavy;text-decoration:wavy}.fa-door-open{opacity:.6;transition:all .5s ease}.updated{background-color:var(--bg-black-50);border:none;border-radius:5px;color:var(--text-black-700);font-weight:bold;margin-top:20px;padding:5px 10px}#p-intro{border-top:1px solid var(--skin-color);font-family:Arial,Helvetica,sans-serif;padding-top:1.25em;position:relative;text-align:center}.pi{margin-inline:auto}#diamond{color:var(--skin-color);display:flex;font-weight:bold;justify-content:center;left:45%;line-height:16.5px;margin-inline:auto;margin-top:1.45px;position:absolute;text-align:center;top:-10.5px}.about .about-content{flex:0 0 100%;max-width:100%}.about .about-content .about-text{flex:0 0 100%;max-width:100%}.about .about-content .about-text h3{font-size:1.375rem;font-weight:700;margin-bottom:0.9375em}.about .about-content .about-text h3 span{color:var(--skin-color);font-style:italic}.about .about-content .about-text p{color:var(--text-black-700);font-size:1rem;line-height:1.5625em}.about .about-content .personal-info{flex:0 0 100%;margin-top:2.5em;max-width:100%}.about .about-content .personal-info .info-item{flex:0 0 50%;max-width:50%}.about .about-content .personal-info .info-item p{border-bottom:0.0625em solid var(--bg-black-500);color:var(--text-black-900);font-size:1rem;font-weight:600;padding:0.625em 0}.about .about-content .personal-info .info-item p span{color:var(--text-black-700);display:inline-block;font-weight:400;margin-left:0.25em}.about .about-content .personal-info .buttons{margin-top:1em}.about .about-content .skills{flex:0 0 50%;margin-top:2.5em;max-width:50%}.about .about-content .skills .skill-item{flex:0 0 100%;max-width:100%}.about .about-content .skills .skill-item h5{color:var(--text-black-900);font-size:1rem;font-weight:600;line-height:2.5em;margin:-1px 0;margin-top:-0.625em;text-transform:capitalize}.about .about-content .skills .skill-item h5 span{color:var(--skin-color)}#html{margin-top:0.125em}.about .about-content .skills .skill-item .progress{background-color:var(--bg-black-50);border-radius:0.25em;height:0.4375em;position:relative;width:100%}.about .about-content .skills .skill-item{margin-bottom:1.5625em}.about .about-content .skills .skill-item .progress .progress-in{background-color:var(--skin-color);border-bottom-left-radius:0.3125em;border-bottom-right-radius:1.25em;border-top-left-radius:1.25em;border-top-right-radius:0.3125em;height:100%;left:0;position:absolute;top:0}.about .about-content .skills .skill-item .skill-percent{color:var(--text-black-900);font-weight:400;line-height:2.5em;position:absolute;right:0;top:-2.5em}.about .about-content .education,.about .about-content .experience{flex:0 0 50%;margin-top:4.375em;max-width:50%}.about .about-content h3.title{color:var(--text-black-900);font-family:Cambria,Cochin,Georgia,Times,"Times New Roman",serif;font-size:1.5rem;font-weight:700;margin-bottom:1.875em}.about .about-content .timeline-box{flex:0 0 100%;max-width:100%}.about .about-content .timeline{background-color:var(--bg-black-100);border:0.0625em solid var(--bg-black-50);border-radius:0.625em;padding:1.875em 0.9375em;position:relative;width:100%}.fa-book-open-reader{color:var(--skin-color)}.fa-triangle-exclamation{color:var(--skin-color)}.about .about-content .timeline .timeline-item{padding-bottom:3.125em;padding-left:2.3125em;position:relative}.about .about-content .timeline .timeline-item:last-child{padding-bottom:0}.about .about-content .timeline .timeline-item::before{background:var(--skin-color);content:"";height:100%;left:0.4375em;position:absolute;top:0;width:0.0625em}.about .about-content .timeline .circle-dot{background-color:var(--skin-color);border-radius:0.3125em;height:0.9375em;left:0;position:absolute;top:0;width:0.9375em}#c2{height:0.8125em;margin-left:0.0625em;width:0.8125em}#c3{height:0.6875em;margin-left:0.09375em;width:0.6875em}.about .about-content .timeline .timeline-date{color:var(--text-black-700);font-size:0.875rem;font-weight:400;margin-bottom:0.75em}.about .about-content .timeline .timeline-date .fa-solid{margin-right:0.3125em}.fa-plus{color:var(--skin-color);margin-top:1.375em}#domain,#leo{color:var(--skin-color)}#ell{color:var(--text-black-900);line-height:2.5rem}.scroll-down{display:flex;justify-content:center;left:0;opacity:.5;position:absolute;top:-5.5em;width:100%}.scroll-down span{color:var(--text-black-700);font-family:"Silkscreen",cursive;font-size:0.75rem;margin-bottom:0.625em}.mouse-wrapper{display:block;font-size:1rem;margin:auto;max-width:6.25em;text-align:center}@keyframes ani-mouse{0%{top:29%}15%{top:50%}50%{top:50%}100%{top:29%}}.mouse{border:0.0625em solid var(--skin-color);border-radius:0.9375em;display:block;height:1.875em;margin:auto;margin-top:0.3125em;position:relative;width:1.375em}.mouse .wheel{animation:ani-mouse 1.5s linear infinite;background-color:var(--text-black-700);border-radius:50%;display:block;height:0.125rem;left:40%;position:absolute;top:0.5em;width:0.125rem}#light{color:var(--skin-color);font-weight:bold}.personal-information{align-items:flex-start}.personal-socials{display:flex;gap:3.125em;justify-content:center}.personal-socials>p{font-size:1.875rem}.personal-socials>p>a{color:var(--text-black-700)}.p-socials{text-align:center}.service .container{padding-bottom:2.5em}.service .service-item{margin-bottom:0.625em;flex:0 0 33.33%;max-width:33.33%}.service .service-item .service-item-inner{background-color:var(--bg-black-50);border:0.0625em solid var(--bg-black-50);border-bottom-left-radius:1.25em;border-top-left-radius:0.3125em;border-top-right-radius:1.25em;border-bottom-right-radius:0.3125em;padding:1.875em 0.9375em;text-align:center;transition:all .4s ease;margin-top:0.625em}.service .service-item .service-item-inner:hover{box-shadow:0 0 1.25em var(--skin-color)}.service .service-item .service-item-inner .icon{height:3.75em;width:3.75em;border-radius:50%;display:block;margin:0 auto 1.875em;text-align:center;transition:all .4s ease}.service .service-item .service-item-inner .icon .fa-regular{font-size:2.5rem;line-height:1.875em;color:var(--skin-color);transition:all .4s ease}.service .service-item .service-item-inner:hover .icon{background:var(--skin-color)}.service .service-item .service-item-inner:hover .icon .fa-regular{font-size:1.5625rem;color:#fff;margin-top:0.25em}.service .service-item .service-item-inner h4{font-size:1.125rem;margin-bottom:0.9375em;color:var(--skin-color);font-weight:700;text-transform:capitalize}.service .service-item .service-item-inner p{font-size:1rem;color:var(--text-black-700);line-height:1.5625em}.btn-sample{padding:0.625em 1.25em;border:none;border-radius:1.5625em;color:#fff;background-color:var(--skin-color);transition:all .2s ease}.btn-sample:hover{background-color:#63bcbf}.portfolio .container{padding-bottom:2.5em}.portfolio .portfolio-heading{flex:0 0 100%;margin-bottom:1.25em;max-width:100%;text-transform:none}.portfolio .portfolio-heading h2{color:var(--text-black-900);font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:500;opacity:.8}#start-over{color:var(--skin-color)}.fa-0{font-size:1.1rem}.portfolio .portfolio-heading h4{color:var(--text-black-700)}.portfolio .portfolio-item{flex:0 0 33.33%;margin-bottom:1.875em;max-width:33.33%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.portfolio .portfolio-item:last-child{position:relative}.portfolio .portfolio-item-inner{cursor:pointer;overflow:hidden}.portfolio .portfolio-item-inner .portfolio-item-thumbnail img{align-items:center;display:flex;justify-content:center;width:100% !important}.portfolio .portfolio-filter{flex:0 0 100%;max-width:100%;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.portfolio .portfolio-filter button{background-color:rgba(0,0,0,0);border:none;color:var(--text-black-700);cursor:pointer;font-weight:500;margin:0 0.625em;margin-bottom:2em;text-transform:uppercase;transition:.3s;white-space:nowrap}.portfolio .portfolio-filter button.active{animation:.3s;color:var(--skin-color);font-weight:bold;position:relative}.portfolio .portfolio-filter button.active::before{background-color:var(--skin-color);border-radius:50%;bottom:-0.75em;content:"";height:.3rem;left:46%;position:absolute;width:.3rem}.portfolio-item{flex:0 0 33.33%;margin-bottom:1.5em;margin-top:3em;max-width:33.33%}.portfolio-item.hide{display:none}.portfolio item.show{animation:showItem .5s ease;display:block}@keyframes showItem{0%{opacity:0;transform:scale(0.6)}100%{opacity:1;transform:scale(1)}}.portfolio-item-inner{overflow:hidden;position:relative}.portfolio-item .mask{background:rgba(0,0,0,.9);height:100%;left:0;opacity:0;position:absolute;top:0;transition:.3s;width:100%}.portfolio-item-inner:hover .mask{opacity:.9}.portfolio-item .term{background:var(--skin-color);border-bottom-left-radius:1.25em;border-bottom-right-radius:0.3125em;border-top-left-radius:0.3125em;border-top-right-radius:1.25em;color:#fff;display:inline-block;font-size:0.625rem;left:1.5em;padding:.8em .625em;position:absolute;top:0;transform:translateY(-40px);transition:.3s;z-index:10}.portfolio-item h3{color:#fff;font-size:1.25rem;margin:1.25rem;opacity:0;padding:0 1.25em;position:absolute;top:3.75rem;transform:translateY(30px);transition:.3s}.portfolio-item .more-button{background:var(--skin-color);border-radius:1.5625em;bottom:1.5em;color:#fff;cursor:pointer;display:block;font-size:1rem;height:1.5rem;left:1.5em;opacity:0;position:absolute;text-align:center;transition:.3s;width:5rem}.portfolio-item .more-button a{color:#fff}.portfolio-item .more-button:hover{opacity:.8}.portfolio-item-inner:hover h3,.portfolio-item-inner:hover span{font-weight:bold;opacity:1;transform:translateY(0)}.subtitle{color:hwb(0 81% 19%);font-size:0.75rem;line-height:0.125em}.fa-square{color:var(--skin-color);font-size:1.5625rem}.subtitle-heading{font-size:0.875rem;text-transform:none}.subtitle-heading a{color:#49836f}#zero{color:var(--skin-color)}.fa-timeline{color:var(--skin-color)}.footer-portfolio{color:var(--text-black-700);padding-bottom:5em;position:absolute}#learn-more{color:var(--skin-color);text-decoration:overline}#lastchild{position:relative}#notice{color:var(--skin-color);opacity:.5;text-align:center}.status-pending{background-color:rgba(255,166,0,.49);border-radius:20px;font-weight:bold;padding:2px 5px}.status-active{background-color:rgba(61,187,111,.792);border-radius:20px;font-weight:bold;padding:2px 5px}.status-tbf{background-color:rgba(255,78,19,.464);border-radius:20px;font-weight:bold;padding:2px 5px;color:#fff}.soft-copy{background-color:rgba(235,85,255,.7);border-radius:20px;color:#fff;font-weight:bold;padding:2px 5px}.static-website{background-color:rgba(125,246,240,.3);border-radius:20px;color:#fff;font-weight:bold;margin:20px 0px;padding:2px 5px}.dynamic-website{background-color:rgba(125,151,246,.5);border-radius:20px;color:#fff;font-weight:bold;margin:20px 0px;padding:2px 5px}#last-update{background-color:rgba(0,0,0,0);border:1px solid var(--skin-color);color:var(--text-black-700);border-radius:20px;padding:5px 10px}.disclaimer{background-color:rgba(0,0,0,0);color:var(--skin-color);padding:5px 10px;border-radius:5px;max-width:800px;text-align:center;margin-inline:auto;opacity:.7;position:absolute;left:50%;translate:-50%;bottom:5rem;font-size:12px}.disclaimer p{font-size:12px}.disclaimer-body{background-color:var(--bg-black-900);color:var(--text-black-900)}.dc-h3{text-align:center}.contact-head{margin-bottom:2.1875em}.contact-title{color:var(--skin-color);text-align:center;font-size:1.5625rem;margin-bottom:0.9375em}.contact-sub-title{color:var(--text-black-900);text-align:center;font-size:0.9375rem;margin-top:-0.625em;margin-bottom:3.75em}.contact .contact-info-item{flex:0 0 25%;max-width:25%;text-align:center;margin-bottom:15.625em}.contact .contact-info-item .icon .fa-solid{font-size:1.5625em;color:var(--skin-color)}.fa-paper-plane{font-size:1.5625em;color:var(--skin-color)}.contact .contact-info-item h4{font-size:1.125em;font-weight:700;color:var(--text-black-900);text-transform:capitalize;margin:0.9375em 0 0.3125em}.contact .contact-info-item p{font-size:1em;line-height:1.5625em;color:var(--text-black-700);font-weight:400}.contact .contact-form{flex:0 0 100%;max-width:100%}.contact .contact-form .col-6{flex:0 0 50%;max-width:50%}.contact .contact-form .col-12{flex:0 0 100%;max-width:100%}.contact .contact-form .form-item{margin-bottom:1.875em}.contact .contact-form .form-item .form-control{width:100%;height:3.125em;border-radius:1.5625em;background:var(--bg-black-100);border:1px solid var(--bg-black-90);padding:0.625em 1.5625em;font-size:1rem;color:var(--text-black-700);transition:all .3s ease;font-family:sans-serif}.contact .contact-form .form-item .form-control:focus{box-shadow:0 0 20px var(--skin-color)}.contact .contact-form .form-item textarea.form-control{height:8.75em}.btn-last{margin-top:1.25em}.sd2{top:12em;opacity:1}@media(max-width: 1199px){.section .container{padding-top:4.375em}.aside{left:-16.875em;opacity:.97}.aside.open{left:0}.aside .nav-toggler{display:flex;left:1.875em;top:2.5625em}.aside .nav-toggler.open{left:300px}.section{left:0}.section.open{left:270px}.about .about-content .personal-info .inffo-item p span{display:block;margin-left:0}.section-title{margin-top:3em}.scroll-down{top:-9.7em}.about .about-content .about-text h3{margin-top:1em}.contact .contact-info-item{margin-bottom:4.375em}.sd2{display:none}}@media(max-width: 991px){.contact .contact-info-item,.portfolio .portfolio-item,.service .service-item{flex:0 0 50%;max-width:50%}.home .home-info{flex:0 0 100%;max-width:100%}.home .home-img{display:none}}@media(max-width: 767px){.contact .contact-form .col-6,.container .contact-info-item,.portfolio .portfolio-item,.service .service-item,.about .about-content .experience,.about .about-content .education,.about .about-content .skills,.about .about-content .personal-info{flex:0 0 100%;max-width:100%}}@media(max-width: 500px){.btn-2{display:block}.typing{font-size:1.25rem}h3.hello{font-size:1.25rem;margin:.9375em 0}.fa-circle-nodes{font-size:1.125rem;margin-inline:0.0625em}h3.hello span{font-size:1.28125rem}.style-switcher .style-switcher-toggler{top:0;margin-right:1.2em !important}.aside .nav-toggler.open{left:308px}.style-switcher .day-night{top:3.4375em;margin-top:-15px;margin-right:1.2em !important}.nav-toggler{opacity:.8}.scroll-down{top:-9.9em}.aside .nav-toggler.open{display:none !important}.style-switcher.open{transform:translateX(-8px) !important}.name{font-size:1.375rem}.portfolio .portfolio-heading h2{margin-bottom:1em}.btn{transition:.1s ease}.btn:hover{transform:scale(1);opacity:1}.footer-portfolio{color:var(--text-black-700);position:absolute;padding-bottom:6.25em}#p-intro{font-size:0.875rem}#diamond{line-height:17.5px;left:42%}.top{margin-top:20px}}@media(max-width: 330px){h3.hello{margin-top:1rem}}.triangle{animation:animatedgradient 3s ease alternate infinite;background:var(--skin-color);-webkit-clip-path:polygon(0% 100%, 50% 0%, 100% 100%);clip-path:polygon(0% 100%, 50% 0%, 100% 100%);display:flex;height:280px;justify-content:center;margin-inline:auto;position:relative;width:350px}.triangle .empty{border-bottom:solid 260px var(--bg-black-900);border-left:solid 158px rgba(0,0,0,0);border-right:solid 158px rgba(0,0,0,0);margin-inline:auto;position:absolute;top:7px;width:0}.year{color:var(--skin-color);font-size:35px;letter-spacing:12px;position:absolute;right:50%;text-align:center;text-orientation:upright;top:55%;transform:translate(120%, -50%);writing-mode:vertical-rl}.style-switcher{position:fixed;right:0;top:2.5em;padding:0.9375em;width:12.5em;border:0.0625em solid var(--bg-black-50);background:var(--bg-black-100);border-radius:1.25em;transition:all 2s ease;transform:translateX(100%);-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.8;z-index:100}.style-switcher.open{transform:translateX(-25px)}.style-switcher .s-icon{position:absolute;height:2.5em;width:2.5em;text-align:center;font-size:1.25rem;background:var(--bg-black-100);color:var(--text-black-900);right:100%;border:0.0625em solid var(--bg-black-50);margin-right:1.5625em;transition:all 10s ease;border-radius:40%;margin-top:-0.1875em}.style-switcher .s-icon i{line-height:2.5em}.style-switcher .style-switcher-toggler{top:0}.style-switcher .day-night{top:3.4375em;margin-top:-15px}.style-switcher h4{margin:0 0 0.625em;color:var(--text-black-700);font-size:1rem;text-transform:capitalize}.style-switcher .colors{display:flex;flex-wrap:wrap;justify-content:space-between}.style-switcher .colors span{display:inline-block;height:1.875em;width:1.875em;border-radius:50%}.style-switcher .colors span{display:inline-block}.style-switcher .color-1{background:#8bc3e8;cursor:pointer}.style-switcher .color-2{background:#f2b886;cursor:pointer}.style-switcher .color-3{background:#dd95c5;cursor:pointer}.style-switcher .color-4{background:#bec8ca;cursor:pointer}.style-switcher .color-5{background:#ea3e80;cursor:pointer}.style-switcher .color-6{background:#ea3e80;cursor:pointer}.style-switcher .color-7{background:#ea3e80;cursor:pointer}/*# sourceMappingURL=style.css.map */