:root{font-family:Manrope,sans-serif;background-position:left bottom;background-size:cover;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.manrope-Font{font-family:Manrope,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@keyframes fade-down{0%{opacity:0;transform:translateY(-40px)}to{opacity:1}}@keyframes slide_up{to{transform:translateY(-10px)}}@keyframes scrolls{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.hero{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative}.hero_top_buttons{top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px 32px;width:100%;margin:0 auto;position:absolute}.hero_top_left,.hero_top_right{display:flex;align-items:center;gap:16px}.hero_top_title{font-size:30px;font-weight:700;color:#fff;text-decoration:none}.hero_top_link{color:#fff;text-decoration:none;padding:12px 24px;font-size:20px;border-radius:2%;transition:.3s ease}.hero_top_aboutme{color:#363937;background-color:#fff;text-decoration:none;padding:12px 24px;font-size:20px;border-radius:10px;transition:.3s ease;text-align:center}.hero_content{animation:fade-down .75s;display:flex;flex-direction:row;justify-content:space-between;align-items:center;max-width:1200px;width:100%;margin:0 auto;text-align:right;color:#fff}.hero_left_content{width:50%;display:flex;justify-content:center;align-items:center}.hero_left_content img{width:75%;height:75%;border-radius:10px;object-fit:cover;box-shadow:0 0 25px #a1bcc8}.hero_right_content{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;padding-right:3%}.hero_content h1{font-size:clamp(1rem,4vw,3rem);font-weight:bolder}.hero_content p{font-size:clamp(.7rem,1vw,3rem);margin:15px 0;max-width:550px;letter-spacing:2px;align-items:right;padding:10px}.hero_content a{color:inherit;text-decoration:none;padding:12px 24px;font-size:20px;border-radius:10px;transition:.3s ease;background:linear-gradient(135deg,#ffffffa7,#fff0);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #00000034}.hero_content a:hover{background-color:#ffffffa7;color:#363937}.hero_bottom_note{color:#fff;font-size:clamp(.5rem,.7vw,3rem);opacity:.8;position:absolute;bottom:10px;right:10px}.links_section{min-height:50vh;background-size:cover;background-color:#fff}.links{animation:scrolls 5s linear;animation-timeline:view();animation-range:entry 0% cover 30%}.links_title{padding-top:40px;text-align:center;font-size:35px;color:#363937}.links_content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch;padding:30px 30px 60px;gap:40px}.links_box{background-color:#90a1b7;border-radius:10px;padding:70px;flex:0 0 auto;width:400px;height:flex;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:.3s ease,transform .5s ease}.links_box:hover{background-color:#363937;color:#363937;transform:translateY(-10px)}.links_box:hover .icon{color:#363937}.links_box_text,.links_box_p{padding-top:10px;padding-bottom:10px}.icon{font-size:5em;color:#fff}.links_content a{color:#fff;text-decoration:none}.work_section{background-size:cover;background-position:left}.work{animation:scrolls 2s linear;animation-timeline:view();animation-range:entry 0% cover 15%}.work_title{padding-top:35px;text-align:center;font-size:40px;color:#363937}.work_content{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;padding:40px;gap:50px}.work_box{align-items:top;flex-direction:row;border-radius:10px;padding:20px;flex:0 0 auto;width:60%;height:flex;display:flex;transition:.3s ease,transform .5s ease;background:linear-gradient(135deg,#ffffffeb,#ffffff42);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #00000034}.work_box_image_section{padding:10px 30px 10px 10px}.work_image{width:300px;height:300px;object-fit:cover;border-radius:8px}.work_box_text_section{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#363937;height:100%}.work_box_text{padding-top:10px;padding-bottom:10px;font-size:28px;font-size:clamp(.7rem,1.5vw,3rem)}.work_box_company{font-size:clamp(.7rem,1.25vw,3rem)}.work_box_date{color:#363937b5;font-size:clamp(.7rem,1vw,3rem)}.work_box_p{font-size:clamp(.7rem,.9vw,3rem);padding-top:10px;padding-bottom:10px}.work_content a{text-decoration:none}.about{background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;min-height:100vh;width:100%;position:relative}.about_content{padding-top:140px;animation:fade-down .75s;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;max-width:1200px;width:100%;margin:0 auto;text-align:right;color:#fff;flex-wrap:wrap}.about_right_content{flex-basis:50%}.about_right_content img{width:100%;height:50%;border-radius:2%;object-fit:cover;box-shadow:0 0 25px #a1bcc8}.about_left_content{flex-basis:50%;padding-right:30px;width:50%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;text-align:right}.about_left_content h1{font-size:clamp(1rem,4vw,3rem);font-weight:bolder;box-shadow:0 0 25px #a1bcc8}.about_left_content p{color:#363937;font-size:clamp(.7rem,.9vw,3rem);margin-top:16px}.project{background-size:cover;background-position:left;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;width:100%;position:relative}.project_box{position:relative}.project_content{padding-top:100px!important;animation:fade-down .75s;display:flex;flex-direction:column;align-items:center;max-width:1200px;width:100%;margin:0 auto;text-align:center;color:#fff;flex-wrap:wrap;padding-top:10px}.project_content h1{font-size:clamp(1rem,4vw,3rem);padding-bottom:40px}.project_box{margin-bottom:40px;align-items:top;flex-direction:row;border-radius:10px;padding:20px;flex:0 0 auto;width:80%;height:flex;display:flex;transition:.3s ease,transform .5s ease;background:linear-gradient(135deg,#ffffffeb,#ffffff42);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #00000034}.project_box_image_section{padding:10px 30px 10px 10px}.project_image{width:200px;height:200px;object-fit:cover;border-radius:8px}.project_sticker{position:absolute;top:10px;left:10px;background-color:#e8db8f;color:#000;font-weight:700;padding:6px 12px;font-size:.75rem;border-radius:8px;box-shadow:0 2px 6px #0003;z-index:2;pointer-events:none}.project_box_text_section{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#363937;height:100%;text-align:left}.project_box_text_section a{text-decoration:underline;color:#363937}.project_box_text_section h1{font-size:clamp(.7rem,1.3vw,3rem)}.project_box_text_section h3{font-size:clamp(.7rem,.8vw,3rem)}.project_box_text_section p{font-size:clamp(.7rem,.8vw,3rem);padding-top:10px;padding-bottom:10px}@media (max-width: 995px){.hero_content{text-align:center;align-items:center;padding-top:60px;gap:20px}.hero_left_content,.hero_right_content{width:100%;padding:0 20px;align-items:center;text-align:center}.hero_right_content{padding-right:0;align-items:center}.hero_left_content img{width:100%;height:auto}.hero_top_buttons{flex-direction:column;align-items:center;gap:12px;padding:16px}.hero_top_title{font-size:24px}.hero_top_link,.hero_top_aboutme{font-size:16px;padding:10px 16px}.links_content{flex-direction:column;padding:20px}.links_box{width:100%;padding:40px 20px}.icon{font-size:3em}.work_image{width:150px;height:150px}.work_box{width:90%;padding:20px;text-align:center}.work_box_text_section{align-items:center;padding:0}.work_box_date{font-size:14px}.project_image{width:150px;height:150px}.project_box{width:90%;padding:20px;text-align:center}.project_box_text_section{align-items:center;padding:0}}@media (max-width: 480px){.hero_top_link,.hero_top_aboutme{padding:8px 16px}}
