:root{font-family:Inter,sans-serif;line-height:1.6;font-weight:400}html{scroll-behavior:smooth}html,body{max-width:100%}*{box-sizing:border-box;margin:0;padding:0}.upper-text{color:var(--text-link-color);display:flex;gap:12px;align-items:center;margin-bottom:1.75rem}.upper-text hr{background-color:var(--text-link-color);height:4px;width:4px;border-radius:10px;border:none;margin:0}.upper-text p{color:var(--text-link-color);font-weight:400;font-size:14px;margin:0}h1,h2{color:var(--text-color);font-weight:600;line-height:1.2;margin:0}h1,h2{font-size:48px}.description{color:var(--text-color);font-weight:400;font-size:16px;line-height:1.8;margin:0}@media screen and (max-width:767px){html,body{overflow-x:hidden}}#sticky-box{background-color:var(--background-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-moz-backdrop-filter:blur(10px);border-radius:30px;padding:3.5rem 3rem 4.5rem;z-index:10;height:fit-content;display:flex;flex-direction:column;position:sticky;top:4.5rem;width:422px}#sticky-box h3{color:var(--text-color);font-size:28px;font-weight:700;text-align:center;margin:2.5rem 0 1.5rem}#sticky-box img{border-radius:20px}#sticky-box .email-link{color:var(--text-link-color);text-align:center;text-decoration:none;margin-bottom:1.25rem}#sticky-box .location{color:var(--text-color);display:flex;gap:12px;align-items:center;justify-content:center;margin-bottom:2.5rem}#sticky-box .buttons-area{display:flex;justify-content:center;gap:24px}#sticky-box .buttons-area button{background-color:var(--btn-primary-color);color:var(--btn-text-color);border:none;font-size:20px;border-radius:8px;cursor:pointer;padding:1rem;height:52px;width:52px;transition:transform .5s}#sticky-box .buttons-area button:hover{transform:scale(1.05)}@media screen and (max-width:1600px){#sticky-box{width:360px}}@media screen and (max-width:1024px){#sticky-box{position:relative;top:0;width:420px;margin-bottom:5rem}}@media screen and (max-width:767px){#sticky-box{padding:2.5rem 2rem 3rem;margin-bottom:2rem;width:100%}#sticky-box .email-link{font-size:16px;line-break:anywhere;text-align:center}#sticky-box h3{font-size:22px}}#fixed-buttons .slider,#fixed-buttons .slider:before,#fixed-buttons .slider svg,#fixed-buttons .side-menu a,#fixed-buttons .side-menu a svg{transition:all .5s}#fixed-buttons{z-index:1000}#fixed-buttons .switch{top:4.5rem;right:5rem;position:fixed}#fixed-buttons .slider{background-color:var(--background-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-moz-backdrop-filter:blur(10px);border-radius:50px;display:flex;height:52px;width:100px;cursor:pointer}#fixed-buttons .slider:before{content:"";background-color:#fff;border-radius:50px;display:block;position:absolute;top:6px;left:6px;height:40px;width:40px}#fixed-buttons .slider svg{font-size:20px;padding:10px;height:40px;width:40px;position:absolute;top:6px}#fixed-buttons .slider svg:first-child{left:6px;color:var(--icon-color-active)}#fixed-buttons .slider svg:last-child{right:6px;color:var(--icon-color)}#fixed-buttons .switch input:checked+.slider:before{left:54px}#fixed-buttons .switch input:checked+.slider svg:first-child{color:var(--icon-color)}#fixed-buttons .switch input:checked+.slider svg:last-child{color:var(--icon-color-active)}#fixed-buttons input{opacity:0;height:0;width:0;position:absolute}#fixed-buttons .side-menu{background-color:var(--background-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-moz-backdrop-filter:blur(10px);border-radius:50px;display:flex;justify-content:center;align-items:center;flex-direction:column;position:fixed;gap:12px;width:64px;padding:6px 0;margin:0;top:50%;transform:translateY(-50%);right:5rem}#fixed-buttons .side-menu li{list-style-type:none}#fixed-buttons .side-menu a{border-radius:50px;display:flex;align-items:center;justify-content:center;height:52px;width:52px;cursor:pointer}#fixed-buttons .side-menu a.active,#fixed-buttons .side-menu a:hover{background-color:#fff}#fixed-buttons .side-menu a svg{font-size:24px;color:var(--icon-color)}#fixed-buttons .side-menu a.active svg,#fixed-buttons .side-menu a:hover svg{color:var(--icon-color-active)}@media screen and (max-width:767px){#fixed-buttons .switch{top:1.5rem;right:1rem}#fixed-buttons .slider{height:100px;width:52px;flex-direction:row}#fixed-buttons .switch input:checked+.slider:before{left:6px;top:54px}#fixed-buttons .slider svg:last-child{top:inherit;bottom:6px}#fixed-buttons .side-menu{flex-direction:row;bottom:1rem;top:inherit;left:50%;transform:translate(-50%);height:64px;width:fit-content;padding:6px}#fixed-buttons .side-menu a svg{font-size:24px}#fixed-buttons .side-menu a{height:48px;width:48px}}#presentation{padding:2.5rem 0}#presentation .author-name{color:var(--text-color);margin-bottom:4rem}#presentation h1{margin-bottom:3rem}#presentation .description{margin-bottom:9rem}#presentation .tags-cloud{display:flex;flex-wrap:wrap;gap:12px;width:65%}#presentation .tags-cloud .tag{background-color:var(--background-color);color:var(--text-color);border-radius:6px;padding:.75rem 1.25rem;font-size:15px;font-weight:400;line-height:1.2;display:table}@media screen and (max-width:1366px){#presentation h1{font-size:40px}#presentation .tags-cloud{width:80%}}@media screen and (max-width:767px){#presentation .author-name{font-size:14px;margin-bottom:2rem}#presentation h1{font-size:28px;line-height:1.4}#presentation .description{margin-bottom:5rem}#presentation .tags-cloud .tag{padding:.6rem 1rem;font-size:14px}}.skill-loader{background-color:var(--light-background-solid-color);border-radius:12px;position:relative}.skill-loader .content{display:flex;justify-content:space-between;padding:.65rem 1.5rem;z-index:10;position:relative}.skill-loader .content p{font-size:15px;font-weight:500;margin:0}.skill-loader .content .name{color:#fff}.skill-loader .content .percentage{color:var(--text-color)}.skill-loader .loader-background{background-color:var(--accent-background-color);height:100%;position:absolute;top:0;border-radius:12px 0 0 12px;z-index:5}.tool-box{display:flex;justify-content:center;background-color:var(--light-background-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-moz-backdrop-filter:blur(10px);box-shadow:inset 0 0 40px var(--shadow-color);border-radius:20px;align-items:center;flex-direction:column;gap:24px;height:192px;width:calc(25% - 30px);min-width:180px}.tool-box p{color:var(--text-color);font-size:18px;font-weight:600;margin:0}@media screen and (max-width:767px){.tool-box{width:calc(50% - 16px);min-width:calc(50% - 16px);gap:16px;height:160px}.tool-box img{height:56px;width:56px}.tool-box p{font-size:15px}}#skills{padding:2.5rem 0}#skills h2{margin-bottom:3.5rem}#skills h3{margin-bottom:3.5rem;color:var(--text-color);font-size:32px;font-weight:600}.skills-loader-container{display:flex;flex-direction:column;gap:28px;margin-bottom:5rem}.tools-container{display:flex;flex-wrap:wrap;gap:32px 40px}@media screen and (max-width:1366px){.tools-container{gap:24px 32px}}@media screen and (max-width:767px){#skills h2{font-size:36px}#skills h3{font-size:28px}}.project-box{border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:260px;padding:1.5rem;background-size:cover;background-position:center;background-repeat:no-repeat}.project-box .date{display:table;background-color:var(--light-background-color);color:var(--text-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-moz-backdrop-filter:blur(10px);font-size:13px;font-weight:300;border-radius:50px;padding:.5rem 1.25rem;width:fit-content}.project-box .button-container{background-color:var(--light-background-color);color:var(--text-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-moz-backdrop-filter:blur(10px);border-radius:12px;display:flex;justify-content:space-between;align-items:center;padding:12px 12px 12px 28px}.project-box .title-container{display:flex;flex-direction:column;gap:10px;padding:12px 0}.project-box .title-container p{color:var(--text-color);font-size:15px;font-weight:200;margin:0;line-height:1.2}.project-box .title-container h4{color:var(--text-color);font-size:32px;font-weight:500;line-height:1.1;margin:0}.project-box .button-container .btn-project{border:1px solid var(--text-color);color:var(--text-color);border-radius:16px;background:transparent;display:flex;justify-content:center;align-items:center;font-size:28px;height:88px;width:88px;cursor:pointer;transition:background-color .5s}.project-box .button-container .btn-project:hover{background-color:var(--text-color);color:var(--light-background-solid-color)}@media screen and (max-width:767px){.project-box{min-height:220px;padding:1rem}.project-box .date{padding:.5rem 1rem}.project-box .button-container{padding:12px 12px 12px 18px}.project-box .title-container{padding:6px 0}.project-box .title-container h4{font-size:20px;line-height:1.4}.project-box .button-container .btn-project{font-size:22px;height:56px;width:56px}}#projects{padding:2.5rem 0}#projects h2{margin-bottom:3.5rem}#projects .projects-container{display:flex;flex-direction:column;gap:40px}@media screen and (max-width:767px){#projects h2{font-size:36px}#projects .projects-container{gap:24px}}#contact{padding:2.5rem 0}#contact h2{font-size:40px;margin-bottom:3.5rem;text-align:center}#contact h2 span{font-weight:300}#contact .button-contact{display:flex;gap:28px;align-items:center;background:linear-gradient(90deg,#74c0fc,#1c7ed6);box-shadow:0 16px 60px -24px #1971c2;border-radius:50px;padding:1rem;text-decoration:none;transition:transform .5s ease-in-out}#contact .button-contact:hover{transform:scale(1.03)}#contact .accent-tag{display:table;padding:.88rem 2rem;font-size:20px;font-weight:600;color:var(--text-color);background-color:var(--light-background-solid-color);border-radius:50px;line-height:1.1}#contact .button-content{color:var(--light-background-solid-color);font-size:18px;font-weight:700;line-height:1.4}@media screen and (max-width:767px){#contact h2{font-size:24px;margin-bottom:3rem}#contact .button-contact{flex-direction:column;gap:1rem;padding:1.5rem;border-radius:40px}#contact .accent-tag{display:flex;width:100%;justify-content:center;font-size:16px}#contact .button-content{line-break:anywhere;font-size:18px;text-align:center}}#scroll-container{display:flex;flex-direction:column;gap:18rem;padding:0 14rem 5rem}@media screen and (max-width:1600px){#scroll-container{padding:0 10rem 5rem 5rem}}@media screen and (max-width:1024px){#scroll-container{padding:0 10rem 5rem 0rem}}@media screen and (max-width:767px){#scroll-container{gap:4rem;padding:0 0 5rem}}#root{width:100%}#content-area{display:flex;padding:4.5rem 5rem;min-height:100vh;z-index:10;position:relative}canvas{position:fixed!important;top:0;left:0;width:100%}#mobile-background{width:100vw;height:100vh;position:fixed;top:0;left:0;background:var(--mobile-background);z-index:0}@media screen and (max-width:1024px){#content-area{flex-direction:column;padding:3rem 5rem}}@media screen and (max-width:767px){#content-area{flex-direction:column;padding:2rem 1.5rem;width:100%;max-width:100%;padding-inline:16px}}:root[data-theme=light]{--text-color: #111111;--background-color: rgba(255, 255, 255, .5);--light-background-solid-color: #ffffff;--light-background-color: rgba(255, 255, 255, .5);--accent-background-color: #1971c2;--icon-color: #111111;--icon-color-active: #111111;--text-link-color: #1c7ed6;--btn-primary-color: #1c7ed6;--btn-text-color: #ffffff;--shadow-color: rgba(0, 0, 0, .05);--mobile-background: linear-gradient( 135deg, #dbe9ff 0%, #c7dcff 35%, #a9c9ff 70%, #8fb8ff 100% )}:root[data-theme=dark]{--text-color: #ffffff;--background-color: rgba(17, 17, 17, .6);--light-background-solid-color: #212529;--light-background-color: rgba(33, 37, 41, .5);--accent-background-color: #1c7ed6;--icon-color: #ffffff;--icon-color-active: #111111;--text-link-color: #74c0fc;--btn-primary-color: #74c0fc;--btn-text-color: #111111;--shadow-color: rgba(255, 255, 255, .05);--mobile-background: linear-gradient( 160deg, #0e1116 0%, #1c2430 50%, #020617 100% )}