/*
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.m-auto{margin:auto}.mb-2{margin-bottom:.5rem}.flex{display:flex}.w-full{width:100%}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.rounded-md{border-radius:.375rem}.bg-transparent{background-color:transparent}.p-4{padding:1rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-semibold{font-weight:600}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500{transition-duration:.5s}*{box-sizing:border-box;margin:auto;font-family:Trebuchet MS}.custom-navbar{background-color:#606c38;height:80x}.logo{height:80px;width:80px;background-color:transparent;margin:auto}body{font-family:Trebuchet MS}.banner-cof{margin-bottom:50px}.banner-text{font-size:x-large;line-height:1.2;color:#606c38;margin:0 0 0 auto}.banner-name{font-size:60px;font-weight:bolder;color:#bc6c25}.banner-desc{font-size:40px;font-weight:bolder;color:#dda15e;margin-bottom:10px}.banner-button{border:2px solid #dda15e;border-radius:5px;color:#dda15e;padding:10px 20px;transition:background-color .2s}.banner-button:hover{background-color:#606c38;color:#fefae0;border:2px solid #606c38;cursor:pointer}.banner{display:flex;align-items:center;justify-content:flex-start;gap:0;width:100%;max-width:none;margin:0;background-color:#fefae1;padding-block:clamp(24px,6vh,72px);padding-inline:min(5vw,32px) clamp(6px,1.2vw,16px);padding-bottom:120px}.room{flex:0 1 min(590px,42vw);padding-right:60px;width:min(560px,94vw);margin:0 15px 0 auto;position:relative}.room,.room-img{background:transparent}.room-img{width:100%;height:auto;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(5px 5px 5px rgba(0,0,0,.5))}@media (max-width:900px){.banner{min-height:auto}.room{width:min(620px,92vw)}.banner-name{font-size:clamp(36px,8vw,60px)}.banner-desc{font-size:clamp(22px,6vw,40px)}.banner{flex-direction:column-reverse;align-items:flex-start;max-width:none;padding-inline:min(5vw,28px)}.room{flex-basis:min(620px,92vw);margin-right:0}}.hotspot{position:absolute;transform:translate(-50%,-50%);display:block;z-index:2}.hotspot img{display:block;width:100%;height:auto;pointer-events:none}.app{width:clamp(22px,3vw,40px)}.book{width:clamp(30px,3.8vw,53px)}.app:hover,.book:hover{transform:translate(-50%,-56%) scale(1.06)}.cat{width:clamp(150px,3.8vw,53px)}.about-me{background-color:#606c38!important;padding:30px;color:#fefae0;overflow-x:clip}.about-me-title{text-decoration:underline;text-decoration-color:#9c5b1f;background-color:transparent;margin:auto;width:80px;font-size:xx-large;padding:10px}.about-me-text{max-width:650px;background-color:transparent;margin-right:50px;padding-top:30px;text-align:justify}.image-background{width:50%;display:flex;align-items:center;background-color:transparent}.about-me-image{border-radius:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:transform .5s;background-color:transparent;max-width:400px;height:auto}.about-me{display:flex;flex-direction:column}.about-me-image:hover{transform:scale(1.1);cursor:pointer}.tech-list-wrapper{display:flex;align-items:flex-start;flex-wrap:wrap}.tech-list-title{margin:0;line-height:1.4;font-weight:500;white-space:nowrap;padding-top:6px}.tech-list{display:grid;grid-template-columns:1fr 1fr;gap:1px 48px;list-style:none;margin:0;padding:0 0 20px}.tech-list li{display:flex;align-items:center;gap:10px;margin:0;padding:0}.tech-list li:before{content:"";display:inline-block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #bc6c25}.about-me-text p{margin-bottom:10px;line-height:1.8;text-align:justify}.title-and-tabs{background-color:#fefae1;padding:30px;color:#283618}.work-title{text-decoration:underline;text-decoration-color:#9c5b1f;background-color:transparent;margin:auto;font-size:xx-large;padding:10px}.tab-system{align-items:flex-start}.tab-system,.tab-titles{display:flex;background-color:transparent}.tab-titles{flex-direction:column;max-width:660px;margin:0 0 0 170px;padding:30px;transition:background-color .2s}.tab-titles button{color:#283618;cursor:pointer;font-size:16px;outline:none;padding:10px 20px;width:135px;height:70px;border-radius:20px;text-align:left}.tab-titles button,.tab-titles button.active{background-color:transparent;transition:background-color .2s}.tab-titles button.active{color:#606c38;text-decoration:underline;text-decoration-color:#9c5b1f;text-decoration-thickness:3px;font-weight:bolder}.tab-titles button:active,.tab-titles button:hover{background-color:#9c5b1f;text-decoration:underline;text-decoration-color:#606c38;text-decoration-thickness:3px;color:#fefae0;transition:background-color .2s}.tab-description{background-color:transparent;max-width:700px;color:#283618;padding:0 30px 30px}.title{font-size:25px;font-weight:bolder;color:#dda15e}.tab-description .title{margin-top:0}.date{margin:4px 0 12px}.desc{margin:8px 0}.social-icons{position:fixed;left:0;top:65%;list-style:none;margin-left:60px;padding:0;background-color:transparent}.social-icon{margin-bottom:8px;color:#283618}.social-icon,.social-icon a{display:block;background-color:transparent}.social-icon a{height:40px;background-size:cover}.social-icons:after{content:"";position:absolute;height:240px;width:2px;background-color:#283618;margin-left:10px}.social-icon:hover{transition:color .2s;color:#dda15e}.portfolio-section{background-color:#606c38;color:#283618;padding:30px 30px 90px}.portfolio-title{text-decoration:underline;text-decoration-color:#9c5b1f;background-color:transparent;margin:auto;width:80px;font-size:xx-large;color:#fefae0;padding:10px 10px 50px}.portfolio-box{display:flex;flex-Direction:column;align-Items:center;justify-Content:center;padding:30px;margin:auto}.port-container .items{display:inline-block;text-align:left;font-weight:0}.link,.linkgit{float:right;color:#283618}.link{margin-right:10px}.link:hover,.linkgit:hover{float:right;color:#9c5b1f}.card-top{position:relative;height:28px;margin-bottom:12px}.card-left{left:0}.card-left,.card-right{position:absolute;top:0}.card-right{right:0;display:flex;gap:12px}.chip{display:inline-block;font-weight:600;font-size:.9em;padding-right:10px;align-content:start}.tech-row{padding-top:30px}.folderlogo{color:#bc6c25}.card-right a:hover{color:#9c5b1f}.portfolio-cont>*{background:#fefae0;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.08);padding:10px;min-height:300px}.items{display:inline-block;padding:0;font-weight:600;text-align:left;font-size:.9em}.portfolio-cont{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:min(1070px,100%);margin:0 auto;background:transparent}.featured-strip{background:#606c38;padding:24px 0}.featured-inner{position:relative;max-width:900px;margin:0 auto;padding:0 16px}.feat-viewport{--gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.feat-viewport::-webkit-scrollbar{display:none}.feat-slide{flex:0 0 calc((100% - var(--gap)) / 2);position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.08)}.feature-image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.feature-gradient{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#fefae0,#fefae0,transparent);opacity:60%}.feature-actions{position:absolute;top:8px;right:8px;z-index:2;display:flex;gap:12px;color:#fefae0;padding:10px}.feature-actions a{color:#283618cc;text-decoration:none}.feature-actions a:hover{color:#9c5b1f;text-decoration:none}.feature-hitarea{position:absolute;inset:0;z-index:1}.feature-caption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:12px 14px;color:#283618cc}.feature-caption h3{margin:0 0 4px;font-size:18px;font-weight:600}.feature-caption p{margin:0;font-size:14px;line-height:1.25;opacity:.95}@media (max-width:720px){.feat-slide{flex:0 0 100%}}.featured-row{position:relative;width:min(1070px,100%);margin:0 auto}.feat-viewport{overflow:hidden}.feat-track{--gap:24px;display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:2px}.feat-track::-webkit-scrollbar{display:none}.feat-slide{flex:0 0 calc((100% - var(--gap))/2);scroll-snap-align:start}.feat-nav{position:absolute;top:50%;transform:translateY(-50%);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:#283618;color:#fefae0;width:34px;height:34px;border-radius:50%;font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.feat-nav:hover{transform:translateY(-50%) translateY(-1px)}.feat-nav:disabled{opacity:.45;cursor:default}.feat-nav--prev{left:-18px}.feat-nav--next{right:-18px}@media (max-width:720px){.feat-slide{flex:0 0 100%}.feat-nav--prev{left:-10px}.feat-nav--next{right:-10px}}.folderlogo{color:#9c5b1f;flex-shrink:0}.footer{background-color:#9c5b1f;color:#fefae0;padding:1rem;text-align:center}@media (max-width:1100px){.banner{align-items:center;margin:auto;padding-bottom:200px}.banner-text{font-size:large}.banner-name{font-size:40px}.banner-desc{font-size:30px}}.about-me-text-and-image{display:flex;flex-direction:row}.about-me-text a{color:#dda15e}.about-me-text a:hover{color:#9c5b1f}@media (max-width:900px){.banner{flex-direction:column;align-items:center}}@media (max-width:868px){.social-icons:after{content:"";position:absolute;height:100px;width:2px;background-color:#283618;margin-left:10px}.social-icon a{display:block;height:25px;background-size:cover;background-color:transparent}.social-icons{top:80%;margin-left:30px}}@media (max-width:750px){.banner{margin-top:100px;margin-left:0;text-align:center;display:flex}.banner-text{font-size:large}.banner-name{font-size:40px;line-height:50px}.banner-desc{font-size:30px}}@media (max-width:868px){.tab-system{flex-direction:column;text-align:center}.tab-titles{margin:0;padding:0;display:flex;flex-direction:row}.tab-description{margin-top:30px;margin-left:0;padding:30px}}@media (max-width:480px){.tab-titles button{font-size:12px;text-align:center}.tab-titles{margin-left:-30px}.tab-description{margin-top:40px}*{background-color:#fefae0}}@media (max-width:900px){.contact-button{width:30%}}@media (max-width:1168px){.portfolio-cont{grid-template-columns:repeat(2,1fr);display:grid;grid-gap:20px;width:670px}}@media (max-width:720px){.portfolio-cont{grid-template-columns:repeat(1,1fr);grid-gap:20px;width:450px}}@media (max-width:480px){.portfolio-cont{width:350px}}@media (max-width:1168px){.portfolio-cont{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.portfolio-cont{grid-template-columns:1fr}}.banner{margin:0 auto}@media (max-width:900px){.banner{grid-template-columns:1fr;justify-items:center;text-align:center;padding-left:16px;padding-right:16px}.banner-text{max-width:32rem}.room{width:min(520px,86vw)}.hotspot img{width:clamp(90px,8.5vw,56px)}}@media (max-width:480px){.room{width:84vw}.hotspot img{width:clamp(90px,9.5vw,48px)}}@media (max-width:640px){.about-me-image{display:none!important}.tab-system{flex-direction:column}.tab-titles{margin:0;padding:12px 14px 8px;max-width:100%;display:flex;flex-direction:row;gap:12px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.tab-titles button{flex:0 0 auto;scroll-snap-align:start}.tab-description{margin:0;padding:16px;max-width:100%}.tab-titles::-webkit-scrollbar{height:6px}.tab-titles::-webkit-scrollbar-thumb{background:#b1b1b1;border-radius:99px}.tab-titles::-webkit-scrollbar-track{background:transparent}.about-me{align-items:center}}@media (max-width:940px){.banner-text{align-items:center;align-content:center;padding-right:90px}.room{padding-top:80px}.app{padding-top:100px;width:30px}.book{padding-top:109px;width:45px}}.tab-system .tab-titles{position:relative;transform:translateX(120px);will-change:transform}@media (max-width:640px){.tab-system .tab-titles{transform:translateX(12px)}}.hover\:-translate-y-3:hover{--tw-translate-y:-0.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (prefers-color-scheme:dark){.dark\:border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}@media (min-width:768px){.md\:mb-3{margin-bottom:.75rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}