@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";:root{font-family:Lato,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:radial-gradient(circle at top,#282828,#181818 1000px);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}.page-section{margin:100px 0}.tooltip-container{overflow:visible;position:relative}.tooltip-container>.tooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%) translateY(-5px);padding:8px;border-radius:3px;background:#4169e1;color:#f5f5f5;display:flex;align-items:center;justify-content:center;z-index:100;transform-origin:bottom;animation:pop-in .1s ease-in}.tooltip-container>.tooltip:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:0;height:0;background:transparent;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid royalblue;z-index:100}.tooltip-container:not(:hover)>.tooltip{display:none}.tooltip-container:hover>.tooltip{display:flex}@keyframes pop-in{0%{transform:translate(-50%) translateY(-5px) scale(0);opacity:0}to{transform:translate(-50%) translateY(-5px) scale(1);opacity:1}}.socials{margin-top:10px;margin-left:2px}.socials ol{display:flex;gap:10px}.social-link{display:flex;align-items:center;justify-content:center}.social-link .icon{width:2rem}.hero-container{display:flex;justify-content:center;align-items:center;height:600px}.hero{width:50%;display:flex;align-items:center;justify-content:space-between}.hero .hero-title{animation:slide-right ease 1s}.hero .hero-title h1{font-size:3.5rem}.hero .hero-title p{font-size:1.15rem;font-weight:700}.hero .hero-title img{width:1.5rem;pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes slide-right{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.skills-container{display:flex;justify-content:center;gap:20px;position:relative;width:40%;animation:slide-left ease 1s}@keyframes slide-left{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.skills-container:before{content:"";position:absolute;top:-15px;left:50%;width:calc(100% - 180px);height:2px;transform:translate(-50%);background:#777}.skills-container:after{content:"Tech Stack";position:absolute;top:-50px;left:50%;transform:translate(-50%);color:#777;font-weight:700;font-size:large}.skills-container .skills{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}.skills-container .skills h1{color:gold}.skills-container .skills ol{padding:10px;border-radius:10px;background:#11111171;display:flex;flex-direction:column;gap:10px}.skills-container .skills ol div{display:flex;justify-content:space-between;gap:10px}.skills-container .skills ol div img{width:2rem;filter:drop-shadow(0 0 5px #121212);-webkit-user-select:none;user-select:none}.skills-container .skills:before{content:"";position:absolute;top:-15px;left:50%;width:2px;height:15px;transform:translate(-50%);background:#777}.contact-container{margin-top:10px}.contact-container .contact-button{font-size:x-large;padding:10px;border-radius:3px;border:none;background:#1e90ff;cursor:pointer}.contact-container .contact-button:hover{filter:brightness(70%)}@media only screen and (max-width: 720px){.hero{flex-direction:column;gap:50px;width:85%}.skills-container{width:90%;margin-top:50px}.skills-container:before{width:calc(100% - 175px)}}.about-container{height:400px;z-index:10;animation:slide-in ease 1s}.about{width:75%;height:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center}.about .about-text{width:50%;display:flex;font-size:large;text-align:center;font-weight:700;line-height:2rem;word-spacing:1px}.about .about-text em{font-style:normal;position:relative}.about .about-text em:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:#777;border-radius:3px;transition:background ease .1s}.about .about-text em:hover:after{background:gold}.about header{margin-bottom:10px;color:salmon}@media only screen and (max-width: 720px){.about{width:85%;flex-direction:column;gap:0}.about .about-title,.about .about-text{width:100%}}.experience-container{height:600px;animation:slide-in ease 1s}@keyframes slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.experience{width:50%;height:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center}.experience header{margin-bottom:10px;color:salmon}.experience main{display:flex;align-items:center;flex-direction:column;height:100%;width:75%;gap:20px}.experience main>p{font-size:large;text-align:center;font-weight:700;line-height:2rem;word-spacing:1px}.experience main>p em{font-style:normal;position:relative}.experience main>p em:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:#777;border-radius:3px;transition:background ease .1s}.experience main>p em:hover:after{background:gold}@media only screen and (max-width: 720px){.experience{width:85%;flex-direction:column}.experience aside{width:100%}.experience main{align-items:center;flex-direction:column;width:100%}.experience main p{width:100%}.experience img{display:none}}.timeline{position:relative;display:flex}.timeline-item{position:relative;padding-top:20px;padding-right:10px;padding-bottom:20px}.timeline-item:before{content:"";position:absolute;top:5px;left:0;height:1px;width:100%;background:#e0e0e031}.timeline-item:last-child:before{background:linear-gradient(to right,rgba(224,224,224,.1921568627),transparent)}.timeline-dot{position:absolute;left:0;top:0;width:10px;height:10px;border-radius:50%;background-color:#e0e0e0}.timeline-content{display:flex;flex-direction:column;width:200px}.timeline-content p{text-align:left;color:gold;font-weight:700}.timeline-content label{font-size:small;color:#aaa}@media only screen and (max-width: 720px){.timeline-title{display:none}.timeline{width:85%;flex-direction:column;align-items:center}.timeline-content p,.timeline-content label,.timeline-content h5{text-align:center}.timeline-item{padding-left:20px}.timeline-item:before{content:"";position:absolute;left:5px;height:100%;width:1px;background:#e0e0e031}.timeline-item:last-child:before{background:linear-gradient(to bottom,rgba(224,224,224,.1921568627),transparent)}}.projects-container{padding:20px 0}.projects{width:75%;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px}.projects h1{font-size:2.5rem;color:salmon;-webkit-user-select:none;user-select:none}.projects .projects-grid{width:100%;display:grid;gap:25px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:repeat(1fr)}.projects .projects-grid .project-panel{width:100%;height:300px;background:#80808026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);--focus-box-shadow-color: #eeeeee15;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;border-radius:10px}.projects .projects-grid .project-panel:hover{animation:focus ease-in .1s;-webkit-backdrop-filter:blur(0) brightness(175%);backdrop-filter:blur(0) brightness(175%);box-shadow:0 0 40px var(--focus-box-shadow-color) inset}@keyframes focus{0%{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 0 var(--focus-box-shadow-color) inset}to{-webkit-backdrop-filter:blur(0) brightness(175%);backdrop-filter:blur(0) brightness(175%);box-shadow:0 0 40px var(--focus-box-shadow-color) inset}}@media only screen and (max-width: 720px){.projects{width:85%}.projects .projects-grid{grid-template-columns:1fr}}.project-container{display:flex;flex-direction:column;--project-color: #12121299;background:radial-gradient(circle at top left,var(--project-color),rgba(34,34,34,.4666666667));border:1px solid black;padding:10px;border-radius:10px;position:relative}.project-container .tools-list{margin:10px 0;display:flex;align-self:flex-start;gap:10px}.project-container .tools-list .tool-icon{width:2rem;height:2rem}.project-container .tools-list .tool-icon img{width:100%}.project-container header h1{color:salmon}.project-container main{margin-bottom:5px}.project-container main p{text-shadow:0 0 10px rgba(17,17,17,.1882352941)}.project-container footer{margin-top:auto}.project-img{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);height:100%;width:100%;overflow:hidden;z-index:-1;display:flex}.project-img img{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);width:60%;filter:blur(5px) brightness(70%)}.project-date{color:#eee9;-webkit-user-select:none;user-select:none}.visit-button{margin-left:auto}.visit-button button{padding:5px 10px;border:none;border-radius:10px;font-size:large;background:transparent;color:#f5f5f5;cursor:pointer}.visit-button button:hover{-webkit-backdrop-filter:brightness(150%);backdrop-filter:brightness(150%)}.footer-container{position:relative;height:200px;background:#111}.footer-container .footer{width:75%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;height:100%;padding-top:50px}.footer-container .footer .contacts-list{display:flex;flex-direction:column;gap:5px;width:50%}.footer-container .footer .contacts-list div{display:flex;align-items:center;gap:10px}.footer-container .footer .contacts-list div p,.footer-container .footer .contacts-list div a{font-weight:700;color:#f5f5f5}.footer-container .footer .contacts-list div a{text-decoration:none}.footer-container .footer .contacts-list div a:hover{text-decoration:underline}.footer-container .footer .contacts-list div img{width:1.5rem}.copyright{position:absolute;bottom:5px;left:50%;transform:translate(-50%);color:#aaa9;-webkit-user-select:none;user-select:none}@media only screen and (max-width: 720px){.footer-container img{display:block}.copyright{width:100%;display:flex;justify-content:center}}.home-page{position:relative}.home-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:40px 40px;background-image:linear-gradient(to right,rgba(119,119,119,.1882352941) 1px,transparent 1px),linear-gradient(to bottom,rgba(119,119,119,.1882352941) 1px,transparent 1px);overflow:hidden;z-index:-2;animation:fade-in ease 1s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.home-page:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top,transparent,#181818 1000px);pointer-events:none;z-index:-1}.nav-container{width:100%;height:fit-content;background:#11111131;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);position:fixed;top:0;left:0}.nav-container nav{width:20%;margin:0 auto;padding:10px 0}.nav-container nav ol{display:flex;justify-content:space-between}.nav-container nav .selected a:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:salmon}.nav-container nav .nav-tab a{color:#f5f5f5;text-decoration:none;position:relative}.nav-container nav .nav-tab a:before{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:salmon;transform:scaleX(0);transform-origin:bottom right;transition:all ease-out .1s}.nav-container nav .nav-tab a:hover:before{bottom:-5px;right:0;transform-origin:bottom left;transform:scaleX(1)}