@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.homepage{background-color:#ece7de;height:100vh;overflow-x:visible;overflow-y:hidden;position:relative}.homepage,.homepage .title{display:flex;flex-direction:column}.homepage .title{height:100%;justify-content:center;margin:0 auto;width:90%}.homepage .title .main{font-size:48px;font-weight:800;margin:0}.homepage .title .main .name{color:#4056a1}.homepage .title .sub{font-size:24px;font-weight:400;margin:0}.menu{background-color:#ece7de;display:flex;flex-direction:column;height:100vh;justify-content:space-between;position:fixed;top:0;transition:left .5s;width:100vw}.menu.open{left:0}.menu.close{left:100%}.menu .top-container{display:flex;justify-content:flex-end;width:100%}.menu .close{margin-right:24px;margin-top:24px}.menu-items{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;row-gap:32px}@media only screen and (min-width:768px){.menu-items{align-items:center;column-gap:32px;flex-direction:row;justify-content:flex-end;margin-right:40px}}.menu-items .item{align-items:center;color:#1b2444;display:flex;font-size:24px;line-height:50px;margin:0 0 0 24px;text-decoration:none}@media only screen and (min-width:768px){.menu-items .item{font-size:18px;line-height:0px;margin:0}}.menu .open-link-button{font-size:20px;margin-bottom:calc(100lvh - 100svh + 40px);margin-left:0;text-align:left}.header{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px;position:fixed;width:100%}@media only screen and (min-width:768px){.header{margin-top:24px;position:relative}}.menu-icon{margin-right:24px}.contact-icons{column-gap:24px;display:flex;justify-content:center;margin-left:0}@media only screen and (min-width:768px){.contact-icons{margin-left:40px}}.about-me{background:#ece7de;height:100%}.about-me .container{display:flex;flex-direction:column;margin:auto;max-width:600px;text-align:left;width:90%}.about-me .section{column-gap:10px;display:flex;flex-direction:row}.about-me .icon{align-self:center;display:flex;justify-content:center;width:20%}.about-me .text{margin:0;text-align:left;width:80%}.projects{background:#ece7de}.projects .cards{display:flex;flex-direction:column;margin:auto;max-width:600px;row-gap:20px}.project-card{align-items:center;border-bottom:1px solid #718ce5;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;margin:auto;width:90%}.project-card .title{font-size:20px;margin-left:16px;text-align:left}.project-card .description{font-size:18px;margin-left:32px;text-align:left}.project-card .icon{flex-shrink:0}.project-card .tech-list{align-items:flex-start;column-gap:16px;display:flex;flex-wrap:wrap;margin-left:32px;row-gap:16px}.project-card .tech-item{background:rgba(168,180,223,.667);border-radius:5px;color:#1b2444;flex-grow:0;padding:5px}.images-container{display:flex;overflow:hidden}.image-carousel .image{display:block;height:auto;min-height:30vh;object-fit:cover;width:100vw}@media only screen and (min-width:768px){.image-carousel .image{height:auto;object-fit:cover;width:600px}}.image-carousel .controls{display:flex;justify-content:space-between;margin:20px auto;width:90%}.image-carousel .icon{cursor:pointer}.carousel-dots{align-self:center;column-gap:20px;display:flex;flex-grow:10;justify-content:center;width:100%}.carousel-dots .dot{border:1px solid #718ce5;border-radius:50%;height:8px;width:8px}.carousel-dots .dot.selected{background-color:#718ce5}.project-drawer{background-color:#f8f3eb;display:flex;flex-direction:column;height:100vh;justify-content:space-between;min-width:100vw;overflow:hidden}@media only screen and (min-width:768px){.project-drawer{height:100vh;max-width:95vw;min-width:600px}}.project-drawer .inner-container{overflow-y:scroll}.project-drawer .drawer-content{display:flex;flex-direction:column;padding:0 5%}.project-drawer .icon-row{display:flex;justify-content:space-evenly;width:100%}.project-drawer .link-container{display:flex;justify-content:center;width:100%}.close-container{align-items:center;display:flex;flex-direction:column}@media only screen and (min-width:768px){.close-container{display:none}}.close-container .close{align-items:center;background-color:#0000;border:none;color:#242623;display:flex;font-size:14px;text-decoration:none}.experience{background:#ece7de}.experience .cards{display:flex;flex-direction:column;margin:auto;max-width:600px}.experience-card{border-left:1px solid #718ce5;box-sizing:border-box;margin:auto;width:90%}.experience-card .company{font-size:16px;font-weight:400;margin:0 0 0 16px;text-align:left}.positions,.sub-positions{align-items:center;display:flex;justify-content:space-between;text-align:left}.sub-positions{margin-left:16px}.experience-card .title{font-size:18px;font-weight:600;margin:0 0 0 16px;text-align:left}.experience-card .date{font-size:14px;font-weight:100;margin:0;text-align:left}.experience-card .description{font-weight:300;margin-left:32px;text-align:left}.more-details{background:none;border:none;color:#4056a1;font-weight:600;margin:0 0 0 32px;padding:0;text-align:left;width:100%}.experience-drawer{background-color:#f8f3eb;display:flex;flex-direction:column;height:100vh;justify-content:space-between;overflow:hidden}@media only screen and (min-width:768px){.experience-drawer{height:100vh;width:600px}}.experience-drawer .drawer-content{background-color:#f8f3eb;overflow-y:scroll;padding:40px 24px}.experience-drawer .tech-list{border:none;column-gap:24px;display:flex;flex-wrap:wrap;justify-content:center;row-gap:24px}.experience-drawer .tech-item{background:rgba(168,180,223,.667);border-radius:5px;color:#1b2444;padding:15px 10px}body,html{height:100%;overflow-x:hidden}body{background-color:#ece7de;color:#1b2444;font-family:Lato,sans-serif;overflow-y:auto}.page-title{background-color:#4056a1;color:#ece7de;font-size:24px;font-weight:300;line-height:50px;margin-top:0;width:100%}.content{margin:auto;max-width:1440px}.open-link-button{align-self:center;background-color:#4056a1;border:none;border-radius:20px;color:#ece7de;cursor:pointer;font-family:Lato,sans-serif;padding:10px 20px;text-decoration:none;transition:background-color .3s}.open-link-button:hover{background-color:#384d90}.footer{align-items:center;background-color:#4056a1;column-gap:24px;display:flex;height:100px;justify-content:center;width:100vw}
/*# sourceMappingURL=main.544e232e.css.map*/