@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap";.donation-card-background{display:flex;flex-direction:column}.donation-card-head{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:20px}.donation-card-head img{margin-left:10px;margin-right:60px;width:80px;height:80px}.donation-card-tail{display:flex;flex-direction:column;align-items:center}.donation-card-address{margin-bottom:10px}.donation-card-input{width:100%}.icon-social{position:fixed;padding:10px;background-color:var(--const-secondary-color);color:var(--const-primary-text-color);border:none;border-radius:50%;cursor:pointer;opacity:.95;transition:opacity .3s,visibility .3s}.icon-social:hover{box-shadow:0 0 10px #fff}.scroll-button{position:fixed;bottom:50px;right:20px;padding:10px;background-color:var(--const-secondary-color);color:var(--const-primary-text-color);border:none;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:10}.scroll-button.visible{opacity:.9;visibility:visible}@media screen and (max-width: 768px){.scroll-button{right:10px}}.status-badge{width:8px;height:8px;border-radius:50%;margin-left:6px;display:inline-block}.status-badge.connected{background-color:#2ecc71;box-shadow:0 0 #2ecc71b3;animation:pulse-green 2s infinite}.status-badge.disconnected{background-color:#e74c3c;box-shadow:0 0 #e74c3cb3;animation:pulse-red 2s infinite}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #2ecc71b3}70%{transform:scale(1);box-shadow:0 0 0 4px #2ecc7100}to{transform:scale(.95);box-shadow:0 0 #2ecc7100}}@keyframes pulse-red{0%{transform:scale(.95);box-shadow:0 0 #e74c3cb3}70%{transform:scale(1);box-shadow:0 0 0 4px #e74c3c00}to{transform:scale(.95);box-shadow:0 0 #e74c3c00}}.footer{display:flex;justify-content:center;align-items:center;background-color:var(--const-primary-color);color:var(--const-primary-text-color);font-size:14px;position:fixed;bottom:0;left:0;right:0;height:20px;z-index:2;padding:0;margin:0;border-top:1px solid var(--const-secondary-color)}.status-icons{position:fixed;left:2px;z-index:10}.status-icon{color:var(--const-primary-text-color);padding:2px}.status-icon:hover{opacity:.8;background-color:var(--const-secondary-color)}.footer-right-actions{position:fixed;right:20px;bottom:2px;z-index:10;display:flex;align-items:center;gap:8px}@media screen and (max-width: 768px){.footer{font-size:12px}.status-icons{display:none}.footer-right-actions{right:10px}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.home{width:100%;height:100vh;align-items:center}.about{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.about h3{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;color:var(--text-color-primary)}.about p{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:17px;color:var(--text-color-primary)}.about img{width:180px;height:180px;border-radius:50%;animation:fadeInAnimation ease 3s;animation-iteration-count:1;animation-fill-mode:forwards}.about .prompt{margin-top:10px;width:55%;font-size:20px}@media (max-width: 650px){.about h2{font-size:20px}.about h3{font-size:17px}.about .prompt{margin-top:10px;font-size:14px;width:80%}}.spin-container{display:flex;justify-content:center;align-items:center;height:var(--custom-spin-height)}.spin-container .ant-spin .ant-spin-dot-item{background-color:var(--text-color-primary, initial)}.skills{margin-top:80px;margin-bottom:35px;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:fadeInAnimation ease 3s;animation-iteration-count:1;animation-fill-mode:forwards;h6 {font-size: 17px; font-weight: bold; color: #3e497a;} .list {list-style: none; width: 75%;}}.skill-list{margin-top:10px;height:auto;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;place-items:center}.skill{margin-bottom:15px;background:none;button {cursor: pointer; outline: none; border-radius: 50%; border-style: none; background-color: transparent; width: 60px; height: auto;} button:hover {filter: brightness(105%); transition: .1s ease-in; transform: scale(1.1);} img {width: 40px; height: auto;}}.skill-item{opacity:0;transform:translate3d(20%);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.skill-item.animate{opacity:1;transform:translate3d(0%)}@media only screen and (max-width: 1300px){.skill-list{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}@media only screen and (max-width: 900px){.skill-list{grid-template-columns:1fr 1fr 1fr 1fr}}@media only screen and (max-width: 700px){.skill-list{grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width: 500px){.skill-list{grid-template-columns:1fr 1fr}}@media only screen and (max-width: 300px){.skill-list{grid-template-columns:1fr;width:100%}}.projects{width:100%;margin-top:50px;color:var(--const-primary-color);font-size:20px;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;animation:fadeInAnimation ease 5s;animation-iteration-count:1;animation-fill-mode:forwards}.projects .project-title{color:var(--color-secondary);text-align:center;font-size:60px;font-weight:bolder}.project-list{width:70vw;height:auto;display:grid;grid-template-columns:1fr 1fr 1fr;place-items:center}.project-item{border-radius:10px;width:300px;height:300px;margin:10px;background-color:#e0e0e0;box-shadow:0 1px 8px var(--text-color-primary);text-align:center;justify-content:center;align-items:center;position:relative}.project-item:hover{transform:scale(1.02);box-shadow:0 3px 15px var(--text-color-primary);transition:.1s ease-in}.project-item .bg-image{border-top-left-radius:15px;border-top-right-radius:15px;width:100%;height:180px;background-position:center;background-repeat:no-repeat;background-size:cover}.project-item h1{font-size:20px}.project-item small{font-size:10px}.project-item button{padding:5px 15px 10px;height:30px;width:85px;font-size:15px;border-radius:10px;border:none;cursor:pointer;background:var(--color-secondary);color:var(--text-color-primary)}.project-item button:hover{filter:brightness(120%);box-shadow:0 3px 15px var(--text-color-secondary);transition:.1s ease-in}.project-item-control-panel{display:flex;justify-content:center}.project-item-buttons{display:flex;align-items:center;justify-content:space-between;width:70%}@media only screen and (max-width: 1300px){.project-list{grid-template-columns:1fr 1fr}}@media only screen and (max-width: 850px){.project-list{grid-template-columns:1fr;width:100%}.project-item{width:300px;height:300px}}.certifications{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:70px;width:100%;height:auto;font-size:20px;animation:fadeInAnimation ease 5s;animation-iteration-count:1;animation-fill-mode:forwards}.certification-list{display:grid;grid-template-columns:1fr 1fr 1fr;place-items:center;width:70vw;height:auto}.certification{justify-content:center;align-items:center;text-align:center;width:400px;height:380px;margin-bottom:55px;transition:all .5s ease;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000001a;position:relative;overflow:hidden}.certification:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);transform:skew(-25deg);transition:left .5s ease;pointer-events:none;z-index:10}.certification:hover{box-shadow:0 15px 30px #0003;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.1);cursor:pointer}.certification:hover:before{left:125%;transition:left .7s ease-in-out}.certification .bg-image{width:100%;height:280px;object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px}.cert-content{display:flex;justify-content:center;align-items:center;height:100px;padding:0 15px;background:rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.1);width:100%;box-sizing:border-box;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.cert-title{font-size:16px;font-weight:600;color:var(--text-color-primary);opacity:.9;letter-spacing:.5px;line-height:1.4}.badge-container{position:absolute;top:20px;right:-8px;background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);color:#fff;padding:4px 12px;font-size:12px;font-weight:700;box-shadow:0 2px 4px #0003;border-radius:2px;z-index:5;text-transform:uppercase;letter-spacing:1px}.badge-container:after{content:"";position:absolute;bottom:-6px;right:0;border-top:6px solid #b8860b;border-right:8px solid transparent}@media only screen and (max-width: 1550px){.certification-list{grid-template-columns:1fr 1fr}}@media only screen and (max-width: 1050px){.certifications{font-size:15px}.certification-list{grid-template-columns:1fr;width:100%}.certificationItem{width:400px;height:300px}}.vertical-timeline *{box-sizing:border-box}.vertical-timeline{width:95%;max-width:1170px;margin:0 auto;position:relative;padding:2em 0}.vertical-timeline:after{content:"";display:table;clear:both}.vertical-timeline:before{content:"";position:absolute;top:0;left:18px;height:100%;width:4px;background:var(--line-color)}.vertical-timeline.vertical-timeline--one-column-right:before{right:18px;left:unset}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{position:relative;margin:2em 0}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";display:table;clear:both}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 4px #fff,inset 0 2px #00000014,0 3px 0 4px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;left:50%;margin-left:-30px}}.vertical-timeline-element-icon{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(.5)}60%{opacity:1;-moz-transform:scale(1.2)}to{-moz-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:1em;box-shadow:0 3px #ddd}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;box-shadow:none}.vertical-timeline-element-content:after{content:"";display:table;clear:both}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-title,.vertical-timeline-element-subtitle{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;padding:.8em 0;opacity:.7}.vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:unset;left:100%;height:0;width:0;border:7px solid transparent;border-left:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{left:100%;border-left:7px solid #fff;border-right:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{top:24px;left:100%;transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{position:absolute;width:100%;left:124%;top:6px;font-size:16px;font-size:1rem}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:auto;right:100%;transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translateX(-100px)}60%{opacity:1;-moz-transform:translateX(20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translate(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translate(20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translateX(100px)}60%{opacity:1;-moz-transform:translateX(-20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translate(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translate(-20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}.experience{width:100%;height:auto;margin-top:50px;margin-bottom:35px}.experience .icon{position:fixed;padding:10px;background-color:var(--const-secondary-color);color:var(--const-primary-text-color);border:none;border-radius:50%;cursor:pointer;opacity:.9;transition:opacity .3s,visibility .3s;top:70px;right:20px;z-index:10;width:35px}.experience .icon.visible{opacity:.9;visibility:visible}.vertical-timeline-element-content{color:var(--const-primary-color);border-radius:8px;padding:15px;transition:transform .3s ease,box-shadow .3s ease;margin:10px 0}.vertical-timeline-element-content:hover{transform:scale(1.02)}.timeline-icon{background:var(--color-secondary);color:var(--text-color-primary);box-shadow:0 0 0 4px var(--text-color-primary),inset 0 2px #00000014,0 3px 0 4px #0000000d}.vertical-timeline-element-date{font-size:.9rem;color:var(--text-color-primary);margin-bottom:8px}.vertical-timeline:before{background:var(--text-color-primary)!important}@media screen and (max-width: 1170px){.experience .icon{right:10px}.vertical-timeline-element-content{margin-left:60px}}.resume-btn,.resume-preview-btn{background-color:var(--color-secondary)!important;border-color:var(--color-secondary)!important;font-family:var(--font-family-secondary)!important;display:flex!important;align-items:center;gap:8px;padding:0 25px!important;height:45px!important;border-radius:8px!important;box-shadow:0 4px 14px #00000026!important;transition:all .3s ease!important;overflow:hidden;position:relative;z-index:1}.resume-btn:hover,.resume-preview-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4facfe66!important;background-color:#4facfe!important;border-color:#4facfe!important}.resume-btn:active,.resume-preview-btn:active{transform:translateY(1px);box-shadow:0 2px 10px #0000001a!important}.resume-btn:after,.resume-preview-btn:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);transform:skew(-25deg);transition:left .5s ease;z-index:-1}.resume-btn:hover:after,.resume-preview-btn:hover:after{left:150%;transition:left .7s ease-in-out}.about-section{display:flex;justify-content:center;align-items:center;min-height:90vh;padding:100px 20px 50px;box-sizing:border-box;animation:fadeInAnimation ease 1.5s;animation-iteration-count:1;animation-fill-mode:forwards}.about-container{width:800px;max-width:95%;padding:50px;border-radius:20px;background:rgba(255,255,255,.05);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003;position:relative;overflow:hidden}.about-container:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 100%);transform:skew(-25deg);transition:left .5s ease;pointer-events:none;animation:shine 6s infinite}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.about-header{margin-bottom:30px;text-align:center}.about-title{font-size:3rem;font-weight:700;margin-bottom:10px;color:#e0e0e0;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:2px}.about-subtitle{font-size:1.2rem;color:var(--text-color-secondary);font-style:italic;opacity:.9;margin-bottom:20px}.about-resume-container{display:flex;justify-content:center;margin-top:15px}.about-content{font-size:1.15rem;line-height:1.8;color:var(--text-color-primary);margin-top:30px}.about-text-block{margin-bottom:25px;padding:15px 20px;background:rgba(0,0,0,.05);border-left:3px solid var(--color-secondary);border-radius:0 10px 10px 0;transition:transform .3s ease}.about-text-block:hover{transform:translate(5px);background:rgba(255,255,255,.02)}.about-text-block strong{color:#4facfe;text-shadow:0 0 10px rgba(79,172,254,.3)}@media only screen and (max-width: 600px){.about-container{padding:30px 20px}.about-title{font-size:2.2rem}.about-content{font-size:1rem}}.wakatime-stats{width:100vh;height:auto;color:var(--text-color-primary)}.wakatime-stats-title{display:flex;justify-content:center;align-items:center;width:100%;height:45px;border-radius:10px;background-color:var(--color-deep)}.wakatime-stats-full-chart{display:flex;justify-content:space-between;margin-top:20px}.wakatime-stats-tab-chart{margin-top:20px}@media screen and (max-width: 768px){.wakatime-stats{width:100%}}.github-calendar-background{border-radius:10px;width:100vh;height:auto;background-color:var(--color-deep);color:var(--text-color-primary);padding-top:.8rem;padding-bottom:1.5rem}.github-calendar-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.github-calendar{width:70%;height:auto;display:flex;justify-content:center;align-items:center}.github-calendar-title-center{text-align:center;color:var(--text-color-primary)}.github-calendar-title-center h3{margin:0;padding-top:5px;padding-bottom:20px;font-size:16px}.stat-background{width:100%;height:100vh;background-color:var(--color-primary);color:var(--text-color-primary)}.stat-container{display:flex}.stats-waka{margin-top:5rem;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.stats-github{display:flex;flex-direction:column;align-items:center;overflow-y:auto}@media screen and (max-width: 768px){.stats-waka,.stats-github{flex-direction:row;flex-wrap:wrap}}.hero-card{width:360px;height:180px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,box-shadow .25s}.hero-card:hover{transform:scale(1.02);box-shadow:0 3px 15px #86ddffb3}.more-background{width:100%;height:100vh;background-color:var(--color-primary);color:var(--text-color-primary);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.carousel-container{overflow:hidden;position:relative;height:22%;width:65%;color:transparent;box-shadow:6px 0 4px -4px #999,-6px 0 4px -4px #999;cursor:pointer;opacity:.95}.carousel-card{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.carousel-track{display:flex;justify-content:center;align-items:center;position:absolute;left:0;gap:16px;width:200%;height:100%;animation:slide 90s linear infinite}.carousel-track:hover{animation-play-state:paused}@keyframes slide{0%{left:0}20%{left:-20%}40%{left:-40%}60%{left:-60%}80%{left:-80%}to{left:-100%}}.root-display{margin-top:90px;width:100%;height:80%;display:flex;flex-direction:column;justify-content:center;align-items:center}.display-image{width:100%;height:auto;position:relative;margin:2%;overflow:hidden;background-position:center;animation:fadeInAnimation ease 3s;animation-iteration-count:1;animation-fill-mode:forwards}.arrow-left{position:absolute;top:50%;left:0;font-size:2rem;z-index:10;cursor:pointer}.arrow-right{position:absolute;top:50%;right:0;font-size:2rem;z-index:10;cursor:pointer}.close-icon{position:absolute;top:0;right:0;font-size:2rem;z-index:10;cursor:pointer}.close-icon{font-size:36px;color:#fff;opacity:.7;transition:opacity .2s ease-in-out;cursor:pointer}.close-icon:hover{opacity:1}@media only screen and (max-width: 2000px){.root-display img{width:60%}}@media only screen and (max-width: 1550px){.root-display img{width:60%;padding-top:0%;padding-bottom:10%}}@media only screen and (max-width: 1300px){.root-display img{width:60%;padding-top:10%;padding-bottom:10%}}@media only screen and (max-width: 1100px){.root-display img{width:60%;padding-top:15%;padding-bottom:40%}}@media only screen and (max-width: 850px){.root-display img{width:100%;padding-top:45%;padding-bottom:65%}}@media (max-width: 768px){.root-display{display:none}}:root{--font-family-main: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-family-secondary: "Source Sans Pro", sans-serif;--const-primary-color: #21325e;--const-secondary-color: #3e497a;--const-primary-text-color: #f5f5f5;--color-primary: #21325e;--color-secondary: #3e497a;--color-deep: #1a2949;--text-color-primary: #f5f5f5;--text-color-secondary: #d9d9d9}body{display:flex;flex-direction:column;font-family:var(--font-family-secondary);background-color:var(--color-primary);color:var(--text-color-primary);padding:0;margin:0;transition:background-color .5s ease,color .5s ease}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:#e0e0e0}::-webkit-scrollbar-thumb{background:var(--color-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@keyframes blinking{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}