@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";body{transition:.3s ease-in-out;scroll-behavior:smooth;font-family:Open Sans,sans-serif;letter-spacing:.5px;font-size:1rem;background-color:#f5f5f5}.dark-theme{background-color:#121212;color:#f5f5f5}.light-theme{background-color:#f5f5f5;color:#121212}.conic-gradient{height:100vh;width:100vw;position:fixed;z-index:0;overflow:hidden;inset:0;filter:blur(100px)}.conic-gradient .gradient{position:absolute;height:100%;aspect-ratio:1/1;border-radius:50%;left:50%;transform:translate(-50%);background:conic-gradient(from 0deg,#77bef0,#ffcb61,#ff894f,#ea5b6f);animation:backgrounSpin 3s linear infinite;opacity:.5}@keyframes backgrounSpin{to{transform:translate(-50%) rotate(0)}0%{transform:translate(-50%) rotate(360deg)}}.cards{padding:1.5rem;border-radius:30px;border:1px solid rgba(255,255,255,.05)}.typing-animation{font-size:2em;white-space:nowrap;animation:typing 10s infinite}@keyframes typing{0%{width:0%}to{width:100%}}header{display:flex;justify-content:space-evenly;align-items:center;position:fixed;width:100%;height:60px;left:0;top:0;font-weight:300;transform:.3s ease-in-out;z-index:99}header:before{content:"";height:60px;width:100%;position:absolute;background-color:#f5f5f5;z-index:-1}header .logo-section{font-size:larger;display:flex;align-items:center;justify-content:center;gap:1rem}header .logo-section img{width:50px;height:auto}header a{text-decoration:none;color:inherit}header .desktop-menu{list-style:none;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100%;gap:1rem;transform:.3s ease-in-out}header .desktop-menu li{position:relative;padding:0 .5rem;height:100%;display:flex;align-items:center;transform:.3s ease-in-out;overflow:hidden}header .desktop-menu li:before{content:"";height:1px;width:calc(100% - 1rem);background-color:#121212;position:absolute;bottom:10px;left:.5rem;transform:translate(-120%);transition:.3s ease-in-out}header .desktop-menu li:hover:before{transform:translate(0)}header .desktop-menu .active:before{transform:translate(0)}header .theme-mode-btn{border:1px solid currentColor;padding:.5rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){header .desktop-menu{display:none}}.dark-theme header:before{background-color:#121212}.dark-theme header .desktop-menu li:before{background-color:#f5f5f5}.title-component{text-align:end;font-family:Fira Code,monospace;font-size:10vw;font-weight:900}.desktop-proj-table-container{font-family:Fira Code,monospace;font-size:1rem;font-weight:600}.desktop-proj-table-container table{width:100%}.desktop-proj-table-container table tr{display:grid;grid-template-columns:repeat(3,1fr);padding:1rem;border-top:1px solid #3D3D3D;border-bottom:1px solid #3D3D3D;gap:10px}.desktop-proj-table-container table tr .description{font-weight:400;font-family:Open Sans,sans-serif;font-size:.8rem;text-wrap:wrap}.desktop-proj-table-container table tr td{line-height:1.5rem;align-self:center}.desktop-proj-table-container table tr td:first-child{margin-left:3vw}@media (max-width: 1000px){.desktop-proj-table-container table tr{grid-template-columns:repeat(1,1fr)}.desktop-proj-table-container table tr td:first-child{margin-left:0}}.link-button{text-decoration:none;color:inherit;border:1px solid currentColor;padding:.5rem 1rem;border-radius:30px;display:flex;align-items:center;justify-content:center;gap:.5rem;font-style:italic}.link-button svg{color:inherit}.cover-main-container{min-height:calc(100vh - 60px);padding:0 3vw;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;z-index:1}.cover-main-container:before{content:"";height:400px;aspect-ratio:1/1;right:-74px;top:-64px;border:2px solid #3D3D3D;position:absolute;border-radius:50%;z-index:-1}.cover-main-container .cover-container{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr)}.cover-main-container .cover-container .full-stack{grid-column:span 2/span 2;font-family:Fira Code,monospace;font-weight:900;font-size:10vw;text-align:start}@media (max-width: 992px){.cover-main-container .cover-container .full-stack{order:1;grid-column:auto;font-size:14vw}}.cover-main-container .cover-container .download-resume{grid-column-start:3;align-self:center;padding:1rem;display:flex}@media (max-width: 992px){.cover-main-container .cover-container .download-resume{order:4;grid-column-start:auto;justify-self:center}}.cover-main-container .cover-container .my-goal{grid-row-start:2;display:flex;align-items:center;justify-content:center}.cover-main-container .cover-container .my-goal p{font-weight:200;width:80%;font-size:1.5rem}.cover-main-container .cover-container .my-goal p span{font-weight:700;font-style:italic}@media (max-width: 992px){.cover-main-container .cover-container .my-goal{grid-row-start:auto;order:3}.cover-main-container .cover-container .my-goal p{width:100%;text-align:center;padding:.5rem}}.cover-main-container .cover-container .developer{grid-column:span 2/span 2;grid-row-start:2;font-family:Fira Code,monospace;font-weight:900;font-size:10vw;text-align:end}@media (max-width: 992px){.cover-main-container .cover-container .developer{grid-column:auto;grid-row-start:auto;order:2;font-size:14vw}}.cover-main-container .cover-container .link-section{grid-column:span 3/span 3;grid-row-start:3;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.2rem;padding:.5rem}@media (max-width: 992px){.cover-main-container .cover-container .link-section{order:5;grid-column:auto;grid-row-start:auto}}@media (max-width: 992px){.cover-main-container .cover-container{grid-template-columns:repeat(1,1fr)}}.about-container{padding:0 3vw;position:relative;overflow:hidden;z-index:1}.about-container:before{content:"";position:absolute;height:170%;aspect-ratio:1/1;border:2px solid #3D3D3D;border-radius:50%;z-index:-1;right:-20%}.about-container .who-am-i{display:flex;justify-content:center;text-align:center;margin:1rem 0}.about-container .who-am-i p{font-size:1.5rem}.about-container .who-am-i p span{font-style:italic;font-weight:700}.about-container .details{display:grid;grid-template-columns:repeat(2,1fr)}.about-container .details .skills{display:flex;flex-direction:column;align-items:baseline;gap:1.5rem}.about-container .details .skills .front-end{background-color:#f5f5f5;color:#121212;display:grid;gap:.5rem;border:1px solid #3D3D3D}.about-container .details .skills .border-card{display:grid;gap:.5rem;background-color:#1e1e1e66;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.05)}.about-container .details .skills .custom-element{display:flex;justify-content:space-between;align-items:center}.about-container .details .skills .custom-element>p{flex:2;font-size:15px;padding-right:50px}.about-container .details .skills .custom-element>p span{font-style:italic;font-size:800}.about-container .details .skills .custom-element .border-card{flex:1}.about-container .details .profile-image{position:relative;display:flex;align-items:center;justify-content:center;z-index:1}.about-container .details .profile-image img{width:50%;object-fit:contain;border-radius:30px}@media (max-width: 992px){.about-container .details{grid-template-columns:repeat(1,1fr);row-gap:1.5rem}.about-container .details .profile-image{grid-row:1}}.project-container{margin-top:3vw}.project-container .project-title{padding:0 3vw}.experience-container{margin:0 3vw;margin-bottom:200px}*{margin:0;padding:0;scroll-behavior:smooth}