body{margin:0;font-family:JetBrains Mono,serif}:root{--dark-teal: rgb(28, 90, 103);--deep-space-blue: rgb(24, 40, 58);--deep-space-blue-2: rgb(17, 41, 65);--espresso: rgb(75, 42, 29);--alabaster-grey: rgb(218, 219, 219);--bg-color: var(--dark-teal);--header-font-color: var(--alabaster-grey)}header{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:var(--bg-color);color:var(--header-font-color);position:sticky;top:0}@media(max-width:1200px){header{position:static;flex-direction:column;align-items:start;border-bottom:3px solid var(--alabaster-grey)}}header #sections{font-size:xxx-large;font-weight:bolder;text-transform:uppercase;display:flex;justify-content:space-around;width:70%}header #sections a{margin:0 10px}header #sections a{text-decoration:none;color:var(--alabaster-grey)}@media(max-width:1200px){header #sections{padding-left:40px;margin-top:20px;order:2;flex-direction:column;gap:40px}}header div:last-of-type{display:flex;justify-content:center;align-items:center;font-size:xx-large;padding-left:40px}@media(max-width:1200px){header div:last-of-type{padding-left:0}header div:last-of-type p{order:2;padding-left:15px}header div:last-of-type #phone-icon{order:1}}header div:last-of-type #phone-icon{color:var(--dark-teal);background-color:#fff;margin-left:20px;padding:12px;border-radius:50%;box-shadow:-3px 3px 8px -6px #000}#content #profile{display:flex;background-color:var(--bg-color);justify-content:space-between;color:var(--alabaster-grey)}@media(max-width:1200px){#content #profile{flex-direction:column;width:100%}#content #profile #photo{width:100vw}#content #profile #profile-left-column{padding:40px;width:80%!important}#content #profile #welcome-info{display:flex;flex-wrap:wrap;width:100%}}#content #profile #profile-left-column{font-size:60px;width:30%;font-weight:bolder;display:flex;flex-direction:column;justify-content:space-around;align-items:center}#content #profile #profile-left-column #email{font-size:30px}@media(max-width:1200px){#content #profile #profile-left-column #email{align-self:start;flex-wrap:wrap;padding-top:30px}}#content #profile #profile-right-column{width:30%;display:flex;flex-direction:column;justify-content:center}@media(max-width:1200px){#content #profile #profile-right-column{padding:20px;width:70%}}#content #profile .right-info{display:flex;align-items:center}#content #profile .right-info span:first-of-type{font-size:80px}#content #profile .right-info span:nth-of-type(2){margin-left:20px;font-size:20px;width:10px}@media(max-width:1200px){#content #profile .right-info span:nth-of-type(2){width:100%}}#content #profile img{width:500px;position:relative;top:4px}@media(max-width:1200px){#content #profile img{max-width:500px}}#content #timeline-education{display:flex;flex-direction:column;align-items:center;margin-top:50px}#content #technologies{background-color:var(--bg-color)}#content #technologies #technologies-wrapper{display:flex;justify-content:space-around;flex-wrap:wrap}#content #profile{position:sticky;top:146px}@media(max-width:1200px){#content #profile{position:static}}#content #education,#content #technologies{padding-bottom:50px}#content #education,#content #experience,#content #technologies{position:sticky;top:0}@media(max-width:1200px){#content #education,#content #experience,#content #technologies{position:static}}#content #education,#content #experience,#content #technologies{min-height:100vh;width:100vw}#content #projects,#content #education,#content #experience{background-color:#fff}#content #projects .first-project-wrapper{padding-top:150px;position:relative}#content #projects .first-project-wrapper .section-label{position:absolute;top:0}#content #projects .project-wrapper-0{background:#fff}#content #projects .project-wrapper-1{background:var(--bg-color)}#content #projects .project-wrapper-1 span,#content #projects .project-wrapper-1 p{color:var(--alabaster-grey)}#content #projects .project-wrapper-2{background:#fff}#content #projects span,#content #projects p{color:var(--dark-teal)}#content #projects .project-wrapper-3{background:var(--bg-color)}#content #projects .project-wrapper-3 span,#content #projects .project-wrapper-3 p{color:var(--alabaster-grey)}#content #projects .project-wrapper{display:flex;flex-direction:row;position:sticky;top:0}@media(max-width:1200px){#content #projects .project-wrapper{position:relative;flex-direction:column}}#content #projects .project-wrapper .project-image{background-color:var(--alabaster-grey);padding:20px;margin:40px 20px;border-radius:4%}#content #projects .project-wrapper .project-image img{width:800px}@media(max-width:1200px){#content #projects .project-wrapper .project-image img{width:100%}}#content #projects .project-wrapper .project-description{padding-top:20px}@media(max-width:1200px){#content #projects .project-wrapper .project-description{padding:20px}}#content #projects .project-wrapper .project-description span{font-size:50px;font-weight:bolder}#content #projects .project-wrapper .project-description p{font-size:20px}@media(max-width:1200px){#content .icons-wrapper{display:flex;flex-wrap:wrap;justify-content:center}}.point-outer{height:30px;width:30px;border-radius:50%;padding:10px;border:3px dashed var(--dark-teal)}.point-outer .point-inner{border-radius:50%;height:30px;width:30px}.point-wrapper{display:flex;justify-content:space-around;width:80%;min-height:200px}.point-wrapper .point-right-wrapper{display:flex;width:50%;gap:20px}.point-wrapper .point-right-wrapper div:first-child{display:flex;flex-direction:column;align-items:center}.point-info-title{font-weight:bolder;font-size:30px;color:var(--deep-space-blue)}.point-info-content{font-size:20px;color:var(--dark-teal)}.points-separator{border-left:3px dashed var(--dark-teal);display:flex;height:calc(100% - 58px)}.right-point-info{padding-top:20px;padding-left:20px}.point-info:first-of-type{width:40%}.circle-wrapper{width:150px;height:150px;background:var(--alabaster-grey);border-radius:50%;display:flex;justify-content:center;align-items:center}.icons-section{display:flex;justify-content:center;align-items:center;flex-direction:column;padding-left:20px}.icons-section .icons-wrapper{display:flex;gap:20px}.title{font-size:30px;padding:20px;font-weight:bolder;color:var(--alabaster-grey)}.section-label{font-size:80px;padding:20px;font-weight:bolder}
