:root{--color-primary: hsl(97, 50%, 90%);--color-primary-light: hsl(97, 50%, 95%);--color-secondary: hsl(97, 50%, 10%);--color-tertiary: hsl(157, 80%, 20%);--color-accent: hsl(37, 80%, 20%);--gradient: linear-gradient( 135deg, hsla(169, 76%, 48%, 1) 0%, hsla(67, 87%, 82%, 1) 100% );--left-padding: 6em;--right-padding: 6em;--top-padding: 4em;--bottom-padding: 4em;--font-family: "Manrope", sans-serif;--font-huge: 24px;--font-large: 18px;--font-regular: 16px;--font-small: 14px}.dark{--color-primary: hsl(97, 50%, 10%);--color-secondary: hsl(97, 50%, 90%);--color-tertiary: hsl(157, 80%, 80%);--color-accent: hsl(37, 80%, 80%)}@media screen and (max-width: 1024px){:root{--left-padding: 4em;--right-padding: 4em}}body{margin:0}.container{font-family:var(--font-family)}nav{z-index:999;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;height:5em;width:100%;padding-left:var(--left-padding);padding-right:var(--right-padding);background-color:var(--color-primary);color:var(--color-secondary);border-bottom:2px solid black}nav ul{display:flex;list-style:none;gap:2em;padding:0}nav ul li{cursor:pointer;transition:all .3s ease}nav a{font-family:var(--font-family);text-decoration:none;color:var(--color-secondary);font-size:var(--font-regular);transition:all .3s ease}nav a:hover{color:var(--color-tertiary);text-decoration:underline}#onnipro-link{font-weight:700}header{display:flex;justify-content:center;background:var(--color-tertiary)}.header-content{display:flex;justify-content:center;align-items:center;text-align:center;padding:var(--top-padding) var(--left-padding) var(--bottom-padding) var(--right-padding);margin-top:6em;width:50%}@media screen and (max-width: 1450px){.header-content{width:70%}}@media screen and (max-width: 1024px){.header-content{width:100%}}.header-left{font-size:var(--font-huge);color:var(--color-primary);display:flex;gap:1em;flex-direction:row;align-items:center}.header-left section{display:flex;flex-direction:column;justify-content:center;text-align:start}@media screen and (max-width: 768px){.header-left{flex-direction:column}.header-left section{width:100%}}.header-left img{width:25rem;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:all .3s ease-in-out}.header-left img:hover{transform:scale(1.05);transform:translateY(-10px);transition:all .3s ease}.header-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.sparkle-border{--b: 10px;height:300px;width:250px;background:#000;-webkit-mask:radial-gradient(#0000 71%,#000 72% calc(72% + var(--b)),#0000 calc(73% + var(--b))) 10000% 10000%/99.5% 99.5%;mask:radial-gradient(#0000 71%,#000 72% calc(72% + var(--b)),#0000 calc(73% + var(--b))) 10000% 10000%/99.5% 99.5%;position:absolute;margin-left:-3em;margin-top:-10em;z-index:1}.circle:hover{transform:scale(1.05);transform:translateY(-10px);transition:all .3s ease-in-out}.github-circle,.linkedin-circle{position:absolute;width:6em;height:6em;border-radius:50%;border:2px solid black;z-index:1;transition:all .3s ease-in-out}.github-circle{background:#8fbc8f;left:26em;top:9em}.linkedin-circle{background:#6495ed;right:-11em;top:28em}.github-logo{background-image:url("../icons/pngimg.com - github_PNG40.png");width:100%;scale:.8;height:100%;-o-object-fit:cover;object-fit:cover;background-size:contain;justify-content:space-evenly;margin-left:4px;margin-top:2px}.linkedin-logo{background-image:url(../icons/LinkedIn_icon.svg.webp);width:100%;scale:.6;height:100%;-o-object-fit:cover;object-fit:cover;background-size:contain;justify-content:space-evenly}.rising-cards{background:var(--color-primary);position:relative}.rising-cards-content{padding:var(--left-padding) var(--bottom-padding);display:flex;justify-content:center;gap:2em;position:relative;padding-top:8em;padding-bottom:8em;height:25em;flex-direction:row}@media screen and (max-width: 1024px){.rising-cards-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2em;height:auto}}@media screen and (max-width: 768px){.rising-cards-content{grid-template-columns:repeat(1,minmax(0,1fr))}.rising-card{width:auto;height:auto;font-size:var(--font-regular)}}.rising-card{font-size:var(--font-huge);font-style:italic;width:300px;height:400px;background:var(--color-tertiary);color:var(--color-primary);padding:2em;border-radius:15px;border:2px solid black;box-shadow:3px 3px #000;position:relative;transition:transform .1s linear}@media screen and (max-width: 1024px){.rising-card{width:auto}}.rising-card a{text-decoration:none;background:var(--color-primary);color:var(--color-secondary);font-size:var(--font-regular);font-weight:700;padding:.5em;border-radius:.5rem;border:2px solid black;box-shadow:3px 3px #000;transition:all .3s ease}.rising-card a:hover{box-shadow:4px 4px var(--color-secondary)}.rising-card:nth-child(1){position:relative;bottom:0}.rising-card:nth-child(2){position:relative;bottom:10%}.rising-card:nth-child(3){position:relative;bottom:20%}@media screen and (max-width: 1024px){.rising-card:nth-child(1){position:relative;bottom:0}.rising-card:nth-child(2){position:relative;bottom:0%}.rising-card:nth-child(3){position:relative;bottom:0%}}.hobby-emoji{position:absolute;scale:2.5}.hobby-emoji:nth-child(1){margin-left:11em;margin-top:0}.hobby-emoji:nth-child(2){margin-left:6em;margin-top:3em}.hobby-emoji:nth-child(3){margin-left:10em;margin-top:9em}.hobby-emoji:nth-child(4){margin-left:0;margin-top:8em}.hobby-emoji:nth-child(5){margin-left:1em;margin-top:0}.hobby-emoji:nth-child(6){margin-left:2em;margin-top:-2em}@media screen and (max-width: 1024px){.hobby-emoji:nth-child(1){margin-left:3em;margin-top:-2em}.hobby-emoji:nth-child(2){margin-left:7em;margin-top:0}.hobby-emoji:nth-child(3){margin-left:-1em;margin-top:0}.hobby-emoji:nth-child(4){margin-left:4em;margin-top:2em}}.bio{display:flex;flex-direction:column;align-items:center;background:var(--color-primary);color:var(--color-secondary);padding:var(--top-padding) var(--left-padding) var(--bottom-padding) var(--right-padding)}.bio-content{display:flex;flex-direction:column;justify-content:center;text-align:center;max-width:60%}.about{background:var(--color-secondary);color:var(--color-primary)}.about-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;align-items:center;justify-items:center;text-align:start;font-size:var(--font-large);padding:var(--top-padding) var(--left-padding) var(--bottom-padding) var(--right-padding)}.about-content img{width:20em}.about-content h2{padding-left:1em}.about-content ul{display:flex;flex-direction:column;gap:.7em}.skills{background-color:var(--color-tertiary)}.skills-heading{padding-left:var(--left-padding);padding-top:2em;padding-bottom:2em;background:var(--color-primary);color:var(--color-tertiary);font-weight:700;border-top:2px solid black;border-bottom:2px solid black}.skills-heading h2{margin:0}.skills-content{padding:var(--top-padding) var(--left-padding) var(--bottom-padding) var(--right-padding)}.skills-content h2{font-weight:700;color:var(--color-primary);margin:0;padding-top:1em;padding-bottom:1em}.skills-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}@media screen and (max-width: 1024px){.skills-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width: 768px){.skills-cards{grid-template-columns:repeat(1,minmax(0,1fr))}}.skill-card{background-color:var(--color-primary);color:var(--color-secondary);padding:2em;border-radius:10px;text-align:start;font-size:var(--font-large);margin:.5em;border:2px solid black;box-shadow:3px 3px #000}.skill-card a{text-decoration:none;background:var(--color-tertiary);color:var(--color-primary-light);font-size:var(--font-regular);font-weight:700;padding:.5em;border:2px solid black;box-shadow:3px 3px #000;border-radius:.5rem;transition:all .3s ease;margin-right:1em}.skill-card a:hover{box-shadow:4px 4px var(--color-tertiary);background:var(--color-primary);color:var(--color-secondary)}.skill-card-tools{font-style:italic;font-size:var(--font-small);color:var(--color-tertiary)}.highlights{background-color:var(--color-primary-light);color:var(--color-secondary)}.highlights-heading{padding-top:2em;padding-bottom:2em;font-size:var(--font-large);font-weight:700;text-align:center}.highlight-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-items:center;gap:1em;font-size:var(--font-large);background:var(--color-primary);color:var(--color-secondary);padding:var(--top-padding) var(--left-padding) var(--bottom-padding) var(--right-padding)}@media screen and (max-width: 1450px){.highlight-bar{grid-template-columns:repeat(1,minmax(0,1fr));padding-left:14em;padding-right:14em}}@media screen and (max-width: 1024px){.highlight-bar{padding:0;padding:var(--top-padding) var(--left-padding) var(--bottom-padding) var(--right-padding);font-size:var(--font-regular);gap:3em}.highlight-bar img{width:25em!important}}.highlight-buttons{display:flex;gap:1em}.highlight-bar a{text-decoration:none;background:var(--color-tertiary);color:var(--color-primary-light);font-size:var(--font-regular);font-weight:700;padding:.5em;border:2px solid black;box-shadow:#000 3px 3px;border-radius:.5rem;transition:.3s;margin-right:1em}.highlight-bar a:hover{box-shadow:4px 4px var(--color-tertiary);background:var(--color-primary);color:var(--color-secondary)}.bubbles{display:flex;gap:2em;align-items:end;padding-bottom:2em}@media screen and (max-width: 1024px){.bubbles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2em}}.bubble{position:relative;max-width:15em;height:-moz-fit-content;height:fit-content;padding:1em;background:var(--color-tertiary);color:var(--color-primary);font-style:italic;font-size:large;border-radius:10px;border:#000000 solid 2px}@media screen and (max-width: 1024px){.bubble{max-width:20em;font-size:var(--font-regular)}.bubble:nth-child(3){grid-column:span 2}}.bubble:after{content:"";position:absolute;border-style:solid;border-width:20px 20px 0;border-color:black transparent;display:block;width:0;z-index:1;bottom:-20px;left:36px}.bubble:nth-child(2):after{border-color:#000000 transparent;left:20px}.bubble:nth-child(3):after{border-color:#000000 transparent;left:150px}.bubble:before{content:"";position:absolute;border-style:solid;border-width:21px 21px 0;border-color:#000000 transparent;display:block;width:0;z-index:0;bottom:-23px;left:36px}.bubble:nth-child(2):before{border-color:#000000 transparent;left:20px}.bubble:nth-child(3):before{border-color:#000000 transparent;left:150px}.highlight-bar img{width:30em}.highlight-bar:nth-child(2n){background:var(--color-primary-light);color:var(--color-secondary)}.highlight-bar ul{margin:0;padding:1em;display:flex;flex-direction:column;gap:.7em;text-align:start}.hobbies{background:var(--color-primary);color:var(--color-secondary);padding:var(--top-padding) var(--left-padding) var(--bottom-padding) var(--right-padding)}.hobbies-content{display:flex;flex-direction:column;justify-content:center}.hobby-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2em}@media screen and (max-width: 768px){.hobby-cards{grid-template-columns:repeat(1,minmax(0,1fr))}}.hobby-card{background:var(--color-tertiary);color:var(--color-primary);border-radius:10px;text-align:start;font-size:var(--font-huge);border:2px solid black;box-shadow:3px 3px #000}@media screen and (max-width: 768px){.hobby-card{font-size:var(--font-regular);width:60%}}.project-tech-tags{display:flex;gap:1rem;flex-wrap:wrap}.project-tech-tags img{background-color:var(--color-tertiary);border:2px solid black;box-shadow:1px 1px #000;border-radius:5px;padding:.2rem}.tech-icon{width:25px}.hobby-card h3{padding-left:1em;padding-bottom:1em;border-bottom:2px solid black}.hobby-card p{padding-left:2em;padding-right:2em;color:var(--color-primary-light)}.contact{background:var(--color-secondary);color:var(--color-primary);padding:var(--top-padding) var(--left-padding) var(--bottom-padding) var(--right-padding);display:flex;justify-content:center}.contact-content{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:4em;max-width:60%}@media screen and (max-width: 1450px){.contact-content{font-size:var(--font-huge)}}.contact-content button{background:var(--color-tertiary);color:var(--color-primary);width:70%;border:none;padding:1em;font-size:var(--font-regular);font-weight:700;border-radius:10px;cursor:pointer;border:2px solid black;box-shadow:3px 3px #000;transition:all .3s ease}.contact-content button:hover{box-shadow:5px 5px #000}footer{background:var(--color-primary);color:var(--color-secondary);padding-left:var(--left-padding);padding-right:var(--right-padding);padding-top:2em;padding-bottom:2em;text-align:center;font-size:var(--font-regular)}.footer-content{display:flex;justify-content:center;align-items:center;gap:2em}.social-media{display:flex;justify-content:center;align-items:center;gap:1em}.socials{display:flex;flex-direction:row;gap:2em}.socials a{color:var(--color-secondary);text-decoration:none;font-weight:700}.socials a:hover{color:var(--color-tertiary);text-decoration:underline}