@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&display=swap";body{display:flex;justify-content:center;height:100vh;background-color:var(--background-color);margin:0}:root{--background-color: #f7f7f7;--title-color: #535353;--subtitle-color: #9b9b9b;--segment-title-color: #4b4b4b;--experience-title: #4b4b4b;--project-tile-background-color: #ffffff;--project-text-color: #4b4b4b;--ttt-button-color: #00a5a6;--ttt-button-border-color: #009a9b;--ttt-button-text-color: #ffffff;--bored-button-color: #5b7553;--bored-button-border-color: #53684c;--bored-button-text-color: #ffffff;--outline-color: #e3e3e3}*{padding:0;margin:0}.font-thin{font-family:Alegreya Sans,sans-serif;font-weight:100;font-style:normal}.font-light,.font-regular{font-family:Alegreya Sans,sans-serif;font-weight:300;font-style:normal}.font-medium{font-family:Alegreya Sans,sans-serif;font-weight:500;font-style:normal}.font-bold{font-family:Alegreya Sans,sans-serif;font-weight:700;font-style:normal}.font-extrabold{font-family:Alegreya Sans,sans-serif;font-weight:800;font-style:normal}.font-black{font-family:Alegreya Sans,sans-serif;font-weight:900;font-style:normal}.font-thin-italic{font-family:Alegreya Sans,sans-serif;font-weight:100;font-style:italic}.font-light-italic{font-family:Alegreya Sans,sans-serif;font-weight:300;font-style:italic}.font-regular-italic{font-family:Alegreya Sans,sans-serif;font-weight:400;font-style:italic}.font-medium-italic{font-family:Alegreya Sans,sans-serif;font-weight:500;font-style:italic}.font-bold-italic{font-family:Alegreya Sans,sans-serif;font-weight:700;font-style:italic}.font-extrabold-italic{font-family:Alegreya Sans,sans-serif;font-weight:800;font-style:italic}.font-black-italic{font-family:Alegreya Sans,sans-serif;font-weight:900;font-style:italic}.app{padding-bottom:100px}.experiences{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;padding:0 100px}@media only screen and (max-width: 790px){.experiences{padding:0 25px;column-gap:40px;row-gap:65px}}.icon-button{width:40px;height:40px;background:none;border:none}.icon-button img{width:38px}.icon-button:hover{cursor:pointer}.experience-tile{display:flex;flex-direction:column;align-items:center;width:70px;height:120px}.experience-label{text-align:center;font-size:20px;color:var(--experience-title);padding-top:20px}@media only screen and (max-width: 790px){.experience-tile{width:50px;height:80px}}.styled-button{padding:6px 25px;border-radius:10px;transition:.4s}.styled-button:hover{opacity:.8;cursor:pointer}.styled-button:active{transition:.15s;transform:scale(.8)}.project-tile{display:flex;padding:15px;justify-content:center;flex-direction:column;border:2px solid var(--outline-color);border-radius:20px;width:630px;background-color:var(--project-tile-background-color)}.project-button{margin-left:auto;margin-right:10px}.project-card-info{display:flex;flex-direction:row}.project-row{display:flex;flex-direction:row;align-items:center}.project-info{padding-left:20px;padding-right:100px}.project-title{font-size:34px;color:var(--project-text-color)}.project-subtitle{font-size:25px;margin-top:-4px;color:var(--project-text-color)}.project-tech-stack{display:flex;flex-direction:row;gap:10px}.project-tech-stack img{height:30px}.project-details-container{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .4s ease}.project-details-container.expanded{max-height:1000px;opacity:1}.project-details{padding:17px 10px 15px}.project-description{font-size:21px;padding:20px 0 25px}.project-detail-buttons{display:flex;gap:15px}.project-image{height:110px;border-radius:30px}@media only screen and (max-width: 790px){.project-tile{width:300px}.project-row{flex-direction:column;align-items:start}.project-info{padding-right:0;padding-left:10px}.project-image{height:80px;border-radius:20px}.project-subtitle{font-size:20px;width:100%}.project-detail-buttons{flex-direction:column;padding:0 40px;gap:15px}}