@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--header-height: 3rem;--hue: 0;--sat: 0%;--title-color: hsl(var(--hue), var(--sat), 20%);--title-color-dark: hsl(var(--hue), var(--sat), 0%);--text-color: hsl(var(--hue), var(--sat), 46%);--body-color: hsl(var(--hue), var(--sat), 98%);--container-color: #fff;--body-font: "Poppins", sans-serif;--big-font-size: 3.5rem;--title-font-size: 3.25rem;--h1-font-size: 2.25rem;--h2-font-size: 1.5rem;--h3-font-size: 1.25rem;--normal-font-size: 1rem;--small-font-size: .875rem;--smaller-font-size: .813rem;--tiny-font-size: .625rem;--font-normal: 400;--font-medium: 500;--font-semi-bold: 600;--mb-0-25: .25rem;--mb-0-5: .5rem;--mb-0-75: .75rem;--mb-1: 1rem;--mb-1-5: 1.5rem;--mb-2: 2rem;--mb-2-5: 2.5rem;--mb-3: 3rem;--z-tooltip: 10;--z-fixed: 100;--z-modal: 1000}body.dark-theme{--title-color: hsl(var(--hue), var(--sat), 95%);--title-color-dark: hsl(var(--hue), var(--sat), 100%);--text-color: hsl(var(--hue), var(--sat), 70%);--body-color: hsl(var(--hue), var(--sat), 10%);--container-color: hsl(var(--hue), var(--sat), 16%)}@media screen and (max-width:992px){:root{--big-font-size: 2.75rem;--title-font-size: 2.5rem;--h1-font-size: 1.5rem;--h2-font-size: 1.25rem;--h3-font-size: 1rem;--normal-font-size: .938rem;--small-font-size: .813rem;--smaller-font-size: .75rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%;background-color:var(--body-color);overflow-x:hidden}body{overflow-x:hidden;width:100%;max-width:100vw}body,button,input,textarea{font-family:var(--body-font);font-size:var(--normal-font-size)}body{background-color:var(--body-color);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;width:100%}.main{flex:1}h1,h2,h3{color:var(--title-color);font-weight:var(--font-semi-bold)}ul{list-style:none}a{text-decoration:none}button{cursor:pointer;border:none;outline:none}img{max-width:100%;height:auto}.section{padding:6rem 0 2rem}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal.active{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-50px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal-left.active{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(50px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal-right.active{opacity:1;transform:translate(0)}.section_title{font-size:var(--h1-font-size);color:var(--title-color)}.section_subtitle{display:block;font-size:var(--small-font-size);margin-bottom:4rem}.section_title,.section_subtitle{text-align:center}.container{max-width:968px;margin-left:auto;margin-right:auto}.grid{display:grid;gap:1.5rem}.button{display:inline-block;background-color:var(--title-color);color:var(--container-color);padding:1.25rem 2rem;border-radius:1rem;font-weight:var(--font-medium)}.button:hover{background-color:var(--title-color-dark)}.button_icon{margin-left:var(--mb-0-5)}.button--flex{display:inline-flex;align-items:center}.easter_egg_message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#222;color:#fff;padding:2rem 3rem;border-radius:1rem;font-size:1.5rem;font-weight:600;z-index:999999;animation:popIn .3s ease-out forwards;box-shadow:0 10px 40px #00000080}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(0);opacity:0}80%{transform:translate(-50%,-50%) scale(1.1);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}body.party-mode{animation:partyColors .5s ease infinite}@keyframes partyColors{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@media screen and (max-width:992px){.container{margin-left:var(--mb-1-5);margin-right:var(--mb-1-5)}.button{padding:1rem 1.75rem}.button_icon{width:22px;height:22px}}@media screen and (max-width:768px){body{margin:0 0 var(--header-height) 0;padding-bottom:env(safe-area-inset-bottom,0)}.section{padding:2rem 0 4rem}.section_subtitle{margin-bottom:var(--mb-3)}}@media screen and (max-width:350px){:root{--big-font-size: 2.25rem}.container{margin-left:var(--mb-1);margin-right:var(--mb-1)}}.header{width:100%;position:fixed;top:0;left:0;z-index:var(--z-fixed);background-color:var(--body-color)}.nav{height:calc(var(--header-height) + 1.5rem);display:flex;justify-content:space-between;align-items:center;column-gap:1rem}.nav_logo,.nav_toggle{color:var(--title-color);font-weight:var(--font-medium)}.nav_logo:hover{color:var(--title-color-dark);scale:1.1}.nav_list{list-style:none;display:flex;column-gap:2rem;padding-left:0;margin:0}.nav_link{display:flex;flex-direction:column;align-items:center;font-size:var(--small-font-size);color:var(--title-color);font-weight:var(--font-medium);transition:transform .3s ease,background-color .3s ease;text-decoration:none}.nav_icon,.nav_close,.nav_toggle{display:none}.active-link,.nav_link:hover{color:var(--title-color-dark);transform:scale(1.1)}.scroll-header{box-shadow:0 -1px 4px #00000026}@media screen and (max-width:768px){.header{position:fixed;top:initial;bottom:0;left:0;right:0;padding-bottom:env(safe-area-inset-bottom,0)}.nav{height:var(--header-height);max-width:100%;margin-left:0;margin-right:0;padding:0 1rem;position:relative}.nav_toggle{position:absolute;left:50%;transform:translate(-50%)}.nav_logo{z-index:1}.nav_theme{position:absolute;right:10%;z-index:1}.nav_menu{position:fixed;bottom:-100%;left:0;width:100%;background-color:var(--body-color);padding:2rem 1.5rem calc(4rem + env(safe-area-inset-bottom,0));box-shadow:0 -1px 4px #00000026;border-radius:1.5rem 1.5rem 0 0;transition:bottom .3s ease;z-index:var(--z-fixed)}.show-menu{bottom:0}.nav_list{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.nav_icon,.nav_close,.nav_toggle{display:block}.nav_icon{font-size:1.2rem}.nav_close{position:absolute;right:1.3rem;bottom:.5rem;font-size:1.5rem;cursor:pointer;color:var(--title-color)}.nav_close:hover{color:var(--title-color-dark)}.nav_toggle{font-size:1.25rem;cursor:pointer;background:none;border:none}}.nav_theme{font-size:1.25rem;color:var(--title-color);cursor:pointer;transition:transform .3s}.nav_theme:hover{transform:scale(1.1)}@media screen and (max-width:576px){.nav_menu{padding:2rem 1rem 4rem}.nav_list{grid-template-columns:repeat(2,1fr);gap:1.5rem}.nav_toggle{font-size:1rem;margin-right:1rem}}@media screen and (max-width:350px){.nav_menu{padding:1.5rem .5rem 3rem;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.nav_list{grid-template-columns:1fr;gap:1rem;text-align:center}}.home_container{row-gap:7rem}.home_content{grid-template-columns:116px repeat(2,1fr);padding-top:5.5rem;column-gap:1.2rem;align-items:center}.home_social{display:grid;grid-template-columns:max-content;row-gap:1rem}.home_social-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:1.25rem;color:var(--container-color);background-color:var(--title-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:background-color .3s,transform .3s}.home_social-icon:hover{background-color:var(--title-color-dark);transform:scale(1.1)}.home_title{font-size:var(--big-font-size);margin-bottom:var(--mb-1)}.home_subtitle{position:relative;font-size:var(--h3-font-size);padding-left:6rem;font-weight:var(--font-normal);margin-bottom:var(--mb-1)}.typing_cursor{animation:blink 1s infinite;font-weight:var(--font-normal)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.home_subtitle:before{content:"";position:absolute;width:70px;height:1px;background-color:var(--text-color);left:0;top:1rem}.home_description{max-width:400px;margin-bottom:var(--mb-2)}.button.button--flex{display:inline-flex;align-items:center}.button_icon{font-size:1.25rem;margin-left:var(--mb-0-5);transition:.3s}.home_img{background:url(/assets/pixel-rajan-_r3mWCe3.webp);background-repeat:no-repeat;background-position:center;background-size:cover;order:1;justify-self:center;width:400px;height:400px;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;box-shadow:inset 0 0 0 5px #e1e1e14d;animation:profile__animate 9s ease-in-out infinite}@keyframes profile__animate{0%{border-radius:55% 45% 45% 55%/55% 45%}50%{border-radius:45% 55% 55% 45%/45% 55%}to{border-radius:55% 45% 45% 55%/55% 45%}}.home_scroll{margin-left:9.25rem}.wheel{animation:scroll 2s ease infinite}@keyframes scroll{0%{transform:translateY(0)}30%{transform:translateY(3.75rem)}}.home_scroll-name{color:var(--title-color);font-weight:var(--font-medium);margin-right:var(--mb-0-25);margin-left:10px}.home_scroll-arrow{font-size:1.25rem;color:var(--title-color)}@media screen and (max-width:992px){.home_content{grid-template-columns:100px repeat(2,1fr);column-gap:1.25rem}.home_subtitle{padding-left:3.75rem;margin-bottom:var(--mb-1)}.home_subtitle:before{width:42px;top:.8rem}.home_description{max-width:initial;margin-bottom:var(--mb-2-5)}.home_img{width:300px;height:300px;box-shadow:inset 0 0 0 4px #e1e1e14d}.home_scroll{margin-left:7.5rem}}@media screen and (max-width:768px){.home_content{grid-template-columns:.5fr 3fr;padding-top:3.5rem}.home_img{order:initial;justify-self:initial}.home_data{grid-column:1/3}.home_img{width:250px;height:250px;box-shadow:inset 0 0 0 4px #e1e1e14d}.home_scroll{display:none}}@media screen and (max-width:480px){.home_container{display:grid;row-gap:2rem}.home_content{display:grid;grid-template-columns:1fr;justify-items:center;padding-top:2rem;text-align:center}.home_social{position:absolute;left:1rem;top:6rem;display:grid;grid-template-columns:max-content;row-gap:1rem}.home_data{display:flex;flex-direction:column;align-items:center;grid-column:1}.home_img{width:180px;height:180px;justify-self:center;order:initial}.home_title,.home_subtitle,.home_description{text-align:center}.home_subtitle{padding-left:0}.home_subtitle:before{display:none}.home_scroll{display:none}}.about_container{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;column-gap:5rem}.image_layer{position:relative;width:100%;max-width:300px;aspect-ratio:3 / 4;justify-self:center;perspective:1000px}.subject_img{width:100%;height:100%;object-fit:cover;border-radius:1.5rem;position:absolute;top:0;left:0;transform:translateZ(0) translateY(0) scale(1);transition:transform .4s ease-in-out,filter .4s ease-in-out;z-index:2;pointer-events:none}.scroll-animated{transform:translateZ(50px) translateY(-20px) scale(1.05) rotateX(-3deg);filter:drop-shadow(0 10px 20px rgba(149,73,73,.4))}.about_info{display:grid;grid-template-columns:repeat(3,180px);gap:.5rem;margin-bottom:var(--mb-2)}.about_box{background-color:var(--container-color);border:1px solid rgba(0,0,0,.1);border-radius:.75rem;text-align:center;padding:1.75rem 1.5rem}.about_icon{font-size:1.5rem;color:var(--title-color);margin-bottom:var(--mb-0-5)}.about_title{font-size:var(--medium-font-size);font-weight:var(--font-medium)}.about_subtitle{display:block;font-size:var(--small-font-size)}.about_description{padding:0 4rem 0 0;margin-bottom:var(--mb-2-5)}.about_buttons{display:grid;grid-template-columns:repeat(3,180px);gap:.5rem}.about_buttons .button{width:100%;justify-content:center;padding:1rem .5rem}.about_link{text-decoration:none;color:#170a44}.about_link:hover{cursor:pointer;text-decoration:underline}.button-content{display:inline-flex;align-items:center;gap:.5rem}.resume-viewer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.resume-preview-wrapper{position:relative;width:100%;max-width:800px;height:98%;display:flex;justify-content:center;align-items:center;padding:1rem}.resume-iframe{width:100%;height:100%;border:none;border-radius:8px;box-shadow:0 0 20px #fff3}.fixed-left,.fixed-right{position:fixed;top:1.25rem;z-index:10000;background:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:6px;color:#5c2f2f;text-decoration:none;transition:background-color .3s ease}.fixed-left{right:4.5rem}.fixed-right{right:1.25rem}.fixed-left:hover,.fixed-right:hover{background-color:#f2f2f2}@media screen and (max-width:992px){.about_container{grid-template-columns:1fr;row-gap:2.5rem}.subject_img{width:220px}.image_layer{max-width:200px}.about_box{padding:.75rem .5rem}.about_data{text-align:center}.about_info,.about_buttons{justify-content:center}.about_description{padding:0 5rem;margin-bottom:2rem}.resume-preview-wrapper{width:80%;height:90%}.fixed-left,.fixed-right{font-size:.95rem;padding:6px 12px}}@media screen and (max-width:768px){.resume-preview-wrapper{width:95%;height:80%;padding:.5rem}.resume-iframe{width:70%;height:90%}.fixed-left,.fixed-right{font-size:.9rem;padding:5px 10px;top:.75rem;left:.75rem;right:.75rem}}@media screen and (max-width:576px){.about_info{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.about_info .about_box{flex:0 1 calc(50% - .5rem);max-width:calc(50% - .5rem)}.about_buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.about_buttons .button{flex:0 1 calc(50% - .5rem);max-width:calc(50% - .5rem)}.about_description{padding:0}.image_layer{max-width:200px}}@media screen and (max-width:350px){.about_info{grid-template-columns:repeat(2,1fr)}.about_buttons{grid-template-columns:1fr}.image_layer{max-width:170px}}.skills_container{grid-template-columns:repeat(3,1fr);column-gap:1.5rem;justify-content:center;align-items:stretch}.skills_content{background-color:var(--container-color);border:1px solid rgba(0,0,0,.1);border-radius:1.25rem;text-align:center;padding:2rem 4rem;transition:transform .3s ease,background-color .3s ease;height:100%}.skills_content:hover{cursor:pointer;transform:scale(1.1)}.skills_content:nth-child(1):hover{background-color:#d7c0ac66}.skills_content:nth-child(2):hover{background-color:#acd7c066}.skills_content:nth-child(3):hover{background-color:#c0acd766}.skills_content:nth-child(4):hover{background-color:#acced766}.skills_title{font-size:var(--normal-font-size);font-weight:var(--font-medium);text-align:center;margin-bottom:var(--mb-1-5)}.skills_box{display:flex;justify-content:center;column-gap:2.5rem}.skills_group{display:grid;align-content:flex-start;row-gap:1rem}.skills_data{display:flex;column-gap:.5rem}.skills .bx-badge-check{font-size:1rem;color:var(--title-color)}.skills_name{font-size:var(--normal-font-size);font-weight:var(--font-medium);line-height:18px;white-space:nowrap}@media screen and (max-width:992px){.skills_container{grid-template-columns:repeat(3,1fr);row-gap:1rem}}@media screen and (max-width:768px){.skills_container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:576px){.skills_container{grid-template-columns:1fr}.skills_content{padding:1.5rem}}@media screen and (max-width:350px){.skills_box{column-gap:1.25rem}.skills_name{font-size:var(--small-font-size)}}.experience_container{max-width:800px}.experience_card{background-color:var(--container-color);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 16px #0000001a}.experience_header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--text-color)}.experience_company{font-size:var(--h2-font-size);color:var(--title-color);margin-bottom:.25rem}.experience_type{display:block;font-size:var(--small-font-size);color:var(--text-color);margin-bottom:.25rem}.experience_location{font-size:var(--smaller-font-size);color:var(--text-color)}.experience_roles{padding-left:.5rem}.experience_role{display:flex;gap:1rem;margin-bottom:1rem}.experience_role:last-child{margin-bottom:0}.experience_timeline{display:flex;flex-direction:column;align-items:center;padding-top:.25rem}.experience_dot{width:12px;height:12px;background-color:var(--title-color);border-radius:50%;flex-shrink:0}.experience_line{width:2px;flex-grow:1;background-color:var(--text-color);margin-top:.5rem}.experience_content{flex:1}.experience_title{font-size:var(--h3-font-size);color:var(--title-color);margin-bottom:.25rem}.experience_period{font-size:var(--small-font-size);color:var(--text-color);display:block;margin-bottom:.5rem}.experience_skills{display:flex;flex-wrap:wrap;gap:.5rem}.experience_skill{background-color:var(--body-color);color:var(--text-color);padding:.25rem .75rem;border-radius:999px;font-size:var(--smaller-font-size)}@media screen and (max-width:576px){.experience_card{padding:1rem}.experience_company{font-size:var(--h3-font-size)}}.filter_buttons{margin:2rem 0 1rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.filter_btn{padding:.5rem 1rem;border:1px solid var(--text-color);background-color:var(--container-color);color:var(--text-color);border-radius:999px;cursor:pointer;font-size:.9rem;transition:background .3s,color .3s}.filter_btn.active,.filter_btn:hover{background-color:var(--title-color);color:var(--container-color)}.projects_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}@media screen and (max-width:992px){.projects_grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:576px){.projects_grid{grid-template-columns:1fr}}.project_card{cursor:pointer;background:var(--container-color);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000001a;text-decoration:none;color:inherit;transition:transform .15s ease-out,box-shadow .3s ease;transform-style:preserve-3d}.project_card:hover{box-shadow:0 10px 30px #0003}.project_image_wrapper{display:flex;justify-content:center;align-items:center;height:250px;background:var(--body-color)}.project_image{width:100%;height:250px;object-fit:cover;object-position:center;display:block}.project_info{padding:1rem}.project_info h3{margin:.5rem 0;font-size:1.2rem;color:var(--title-color)}.project_info p{font-size:.95rem;color:var(--text-color)}.project_tags{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.4rem}.tag{background:var(--body-color);color:var(--text-color);padding:.2rem .6rem;font-size:.75rem;border-radius:999px}.contact_container{grid-template-columns:repeat(2,max-content);justify-content:center;column-gap:6rem;padding-bottom:3rem}.contact_title{text-align:center;margin-bottom:var(--mb-1-5);font-size:var(--h3-font-size);font-weight:var(--font-medium)}.contact_info{display:grid;row-gap:1rem;grid-template-columns:300px}.contact_card{background-color:var(--container-color);border:1px solid rgba(0,0,0,.1);border-radius:.75rem;text-align:center;padding:1rem}.contact_card-icon{font-size:2rem;color:var(--title-color);margin-bottom:var(--mb-0-25)}.contact_card-title,.contact_card-data{font-size:var(--small-font-size)}.contact_card-title{font-weight:var(--font-medium)}.contact_card-data{display:block;margin-bottom:var(--mb-0-75)}.contact_email-btn{padding:.75rem 1.25rem;font-size:var(--small-font-size)}.contact_email-btn .button_icon{font-size:1.1rem;margin-left:.5rem}.contact_button{color:var(--text-color);font-size:var(--small-font-size);display:flex;align-items:center;justify-content:center;column-gap:.25rem}.contact_button-icon{font-size:1rem;transition:.3s}.contact_button:hover .contact_button-icon{transform:translate(.25rem)}.contact_form{width:360px}.contact_form-div{position:relative;margin-bottom:var(--mb-2);height:4rem}.contact_form-input{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid rgba(0,0,0,.3);border-radius:.75rem;background:none;color:var(--text-color);outline:none;padding:1.5rem;z-index:1}.contact_form-tag{position:absolute;top:-.75rem;left:1.25rem;font-size:var(--small-font-size);color:var(--text-color);background-color:var(--body-color);padding:.25rem;z-index:10}.contact_form-area{height:11rem}.contact_form-area textarea{resize:none}.contact_form button[type=submit]{display:flex;margin:0 auto}@media screen and (max-width:992px){.contact_container{column-gap:3rem}}@media screen and (max-width:768px){.contact_container{grid-template-columns:1fr;row-gap:3rem}.contact_info{justify-content:center}.contact_form{margin:0 auto}}@media screen and (max-width:576px){.contact_info{grid-template-columns:300px}.contact_form{width:100%}}.footer{background-color:var(--container-color);border-top:1px solid rgba(0,0,0,.1)}.footer_container{padding:2rem 0 6rem}.footer_title,.footer_link{color:var(--title-color)}.footer_title{text-align:center;margin-bottom:var(--mb-2)}.footer_link:hover{color:var(--title-color-dark)}.footer_list{display:flex;justify-content:center;column-gap:1.5rem;margin-bottom:var(--mb-2)}.footer_social{display:flex;justify-content:center;column-gap:1.25rem}.footer_social-icon{background-color:#333;color:#fff;font-size:1.125rem;padding:.4rem;width:2.25rem;height:2.25rem;text-align:center;border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease}.footer_social-icon:hover{background-color:#000;color:#fff;transform:scale(1.1)}body.dark-theme .footer_social-icon{background-color:#4d4d4d}body.dark-theme .footer_social-icon:hover{background-color:gray}.footer_copy{display:block;margin-top:4rem;text-align:center;font-size:var(--smaller-font-size);color:var(--text-color-light)}@media screen and (max-width:992px){.footer_social-icon{padding:.25rem;width:1.5rem;height:1.5rem}}@media(max-width:480px){.footer_social-icon{width:2rem;height:2rem;font-size:1rem}}.scrollup{position:fixed;right:2.5rem;bottom:-20%;background-color:var(--title-color);padding:.4rem;width:2.25rem;height:2.25rem;border-radius:.5rem;z-index:var(--z-tooltip);transition:.4s;cursor:pointer;display:flex;align-items:center;justify-content:center}.scrollup:hover{background-color:var(--title-color-dark);transform:scale(1.1)}.scrollup_icon{font-size:1.5rem;color:var(--container-color)}.show-scroll{bottom:3rem}@media screen and (max-width:992px){.scrollup{right:1.5rem;padding:.25rem .4rem}.scrollup_icon{font-size:1.25rem}}@media screen and (max-width:768px){.show-scroll{bottom:calc(4rem + env(safe-area-inset-bottom,0))}}@media screen and (max-width:350px){.scrollup{right:1rem}}