@import"https://fonts.googleapis.com/css2?family=Dongle&display=swap";.photo-ctn,.home-container{display:flex;justify-content:center}.card{border:5px solid hsl(0,14%,70%);border-radius:12px;padding:100px;margin:100px;background-color:#efe8e8;font-size:30px;width:1200px}.my-photo{width:600px;height:600px}.intro-text{font-size:35px}.txt-header{text-align:center}.txt-ctn{margin:auto}.yifang-link{text-decoration:none}body{background-color:#e0d8d8}.typed-output{justify-content:center;display:flex;font-size:125px}.education{display:flex;flex-direction:column;margin:5rem;border:3px none;border-radius:18px;font-size:1.5rem;padding:1.5rem;background:linear-gradient(90deg,#fff,#fff)}.education .title{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:3.5rem}.education .school-info{display:flex;justify-content:space-between;font-size:2rem}.education .school{padding-top:1.5rem;font-size:2.5rem}.education .program{padding-left:1.5rem;font-size:2rem;line-height:1.5rem}.education .logo{margin-bottom:10px;margin-right:5px}.education p{padding-left:2.5rem;line-height:1.75rem}.technical-skills{margin:5rem;border:3px none;border-radius:18px;font-size:1.5rem;padding:1.5rem;background:linear-gradient(90deg,#fff,#fff)}.technical-skills .skills-columns{display:grid;grid-template-columns:1fr 1fr;margin-top:2rem;gap:30px}.technical-skills .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:3.5rem}.technical-skills .logo{margin-bottom:10px;margin-left:10px}.technical-skills .type{font-size:2.5rem}.technical-skills .list{font-size:2rem;padding-left:1.5rem;line-height:2.5rem}.professional-exp{display:flex;flex-direction:column;margin:5rem;border:3px none;border-radius:18px;font-size:1.5rem;padding:1.5rem;background:linear-gradient(90deg,#fff,#fff)}.professional-exp .title{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:3.5rem}.professional-exp .org{font-size:2.5rem;margin-top:1rem}.professional-exp .job-info{display:flex;flex-direction:column;line-height:2rem;font-size:1.5rem;padding-top:5px}.professional-exp .job-info p{display:flex;flex-direction:row;gap:.5rem}.professional-exp .tasks{padding-left:1.5rem;font-size:2rem;line-height:2rem;margin:2rem}.volunteering{display:flex;flex-direction:column;margin:5rem;border:3px none;border-radius:18px;font-size:1.5rem;padding:1.5rem;background:linear-gradient(90deg,#fff,#fff)}.volunteering .title{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:3.5rem}.volunteering .org{margin-top:1rem;font-size:2.5rem}.volunteering .job-info{display:flex;flex-direction:column;line-height:2rem;font-size:1.5rem;padding-top:5px}.volunteering .job-info p{display:flex;flex-direction:row;gap:.5rem}.volunteering .tasks{padding-left:1.5rem;font-size:2rem;line-height:2rem;margin:2rem}.hobbies{display:flex;flex-direction:column;margin:5rem;border:3px none;border-radius:18px;font-size:1.5rem;padding:1.5rem;background:linear-gradient(90deg,#fff,#fff)}.hobbies-intro-section{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:3.5rem}.hobbies-intro-section p{font-size:2rem}.hobbies-intro-section .title{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:3.5rem}.hobbies-description{text-align:center}.hobbies .photo-album{width:100%;margin-top:2rem}.divider{border-radius:5px;border-top:2px solid}.react-photo-album{display:flex}.react-photo-album,.react-photo-album *{box-sizing:border-box}.react-photo-album--track{align-items:flex-start;display:flex}.react-photo-album--photo{padding:calc(var(--react-photo-album--padding)*1px);position:relative}.react-photo-album--image{aspect-ratio:var(--react-photo-album--photo-width)/var(--react-photo-album--photo-height);display:block;height:auto;width:100%}.react-photo-album--button{background:initial;border:initial;cursor:pointer}.react-photo-album--rows{flex-direction:column;row-gap:calc(var(--react-photo-album--spacing)*1px)}.react-photo-album--rows .react-photo-album--track{justify-content:space-between;--react-photo-album--track-gaps:calc(var(--react-photo-album--spacing)*(var(--react-photo-album--track-size) - 1) + var(--react-photo-album--padding)*2*var(--react-photo-album--track-size))}.react-photo-album--rows .react-photo-album--photo{width:calc((100% - var(--react-photo-album--track-gaps)*1px)/(var(--react-photo-album--container-width) - var(--react-photo-album--track-gaps))*var(--react-photo-album--photo-width) + 2px*var(--react-photo-album--padding))}.nav{display:flex;justify-content:center;max-width:fit-content;width:100%;border-style:solid;border-radius:2rem;background-color:#c5aeae;border-color:#c5aeae;margin:50px auto 0;padding:20px}.legend{display:flex;gap:2rem;list-style-type:none;font-size:2rem;color:#5d4a4a}.link{position:relative;display:inline-block;cursor:pointer}.link:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#5d4a4a;transform-origin:bottom right;transition:transform .25s ease-out}.link:hover:after{transform:scaleX(1);transform-origin:bottom left}.top-btn-style{position:fixed;bottom:15px;right:20px;height:40px;width:40px;border-radius:50%;border:2px solid #ddcaca;background-color:#fff;color:#8e7474;cursor:pointer}.text-container{display:flex;flex-direction:column;align-items:center;font-size:2.5rem}.title{font-size:6rem}.paragraph-1{width:1000px;text-align:center}.grid-container{display:grid;justify-content:space-between;grid-template-columns:1fr 1fr 1fr;gap:2rem;padding:2rem;max-width:95%;margin:0 auto}.project-container{display:flex;flex-direction:column;min-height:600px;align-items:center;margin:10px;background:#fff;border-radius:12px;padding:1.5rem;font-size:2rem}.project-image{width:90%;height:250px;margin-bottom:10px;object-fit:contain}.project-container:hover{transform:scale(1.05);transition:all .4s ease;-webkit-transition:all .4s ease}.code-button{background-color:#c1b2b2e9;width:35%;font-size:2rem;border-radius:20px;border:none;margin-top:auto;padding:15px}.code-button a:link,a:hover,a:visited{color:#000}.code-button:hover{background-color:#ebc3a0f1;transition:all .4s ease;-webkit-transition:all .4s ease}.code-button:active{background:#c29b78f1}.tech-stack-title{margin-top:auto;border:none}.tech-stack-container{display:flex;padding:20px;gap:50px;margin-top:auto;margin-bottom:15px}.thank-you-container{display:flex;flex-direction:column;align-items:center;padding:5px}.contact-title{font-size:6rem}.paragraph-1{width:900px;font-size:2.5rem;text-align:center;margin-bottom:40px}.paragraph-2{width:900px;text-align:center;font-size:2.5rem;margin-bottom:45px}.contact-me-photo{border-radius:25%;width:500px;height:400px;margin-bottom:40px}.ext-links{display:flex;flex-direction:column}.link-buttons{display:flex;margin-bottom:25px;padding:18px;font-size:2rem;border:none;border-radius:20px;margin-left:20px;width:95%;justify-content:flex-start;transition:all .4s ease;-webkit-transition:all .4s ease}.icon{margin-top:5px;margin-right:25px;vertical-align:middle}.link-buttons:hover{background-color:#ebc3a0f1}.link-buttons:active{background:#c29b78f1}.contact-form{width:600px;min-height:75vh;display:flex;border:10px black;margin-bottom:50px;flex-direction:column}.input-box{width:100%;margin-top:20px;font-size:2.5rem;display:flex;flex-direction:column}.input-box label{font-size:2.5rem;margin-left:20px;margin-bottom:5px}.field,.msg-field{padding:15px;font-size:2rem;border:none;border-radius:20px;margin-left:20px;width:90%}.msg-field{min-height:50vh;resize:both}.send-msg{margin-top:50px;border:white;border-radius:20px;height:50px;font-size:2rem;transition:all .4s ease;-webkit-transition:all .4s ease}.send-msg:hover{background-color:#ebc3a0f1}.send-msg:active{background:#c29b78f1}.send-msg-section{margin-top:50px;font-size:3rem;text-decoration:underline}*{margin:0;padding:0;box-sizing:border-box;font-family:Dongle,sans-serif;text-decoration:none}.bar-container{background-color:#beadad;height:100px}.navbar{border-radius:50%;border-color:#000;width:100%;font-size:25px;text-decoration:none}.navbar a{color:#896c6c}.navbar a:hover{color:#735b5b;transition:all .4s ease;-webkit-transition:all .4s ease}.navbar a:visited:hover{color:#735b5b}.navbar a:visited{color:#5d4a4a}.nav-options{padding:20px 7%;list-style-type:none;display:flex;justify-content:center;margin:0}.nav-options li{margin-top:10px;font-size:30px;margin-left:50px}.nav-options li:active{color:#ebc3a0f1}.icon{margin-bottom:10px;margin-right:5px}.footer{background-color:#beadad;left:0;bottom:0;width:100%;text-align:center;font-size:35px;z-index:999;margin-top:auto}.header{display:flex;justify-content:center;font-size:6rem}.followup{display:flex;justify-content:center;margin:100px;font-size:3.5rem}.thanks-image{display:block;margin-left:auto;margin-right:auto;margin-top:100px;border-radius:25px;width:400px;height:500px}