/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-style:solid;--tw-duration:initial}}}@layer theme{:host,:root{--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-yellow-600:oklch(68.1% .162 75.834);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-blue-600:oklch(54.6% .245 262.881);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-gray-400:oklch(70.7% .022 261.325);--color-neutral-100:oklch(97% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--radius-md:.375rem;--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.block{display:block}.flex{display:flex}.w-full{width:100%}.flex-1{flex:1}.cursor-not-allowed{cursor:not-allowed}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing)*4)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-yellow-600{border-color:var(--color-yellow-600)}.bg-black{background-color:var(--color-black)}.bg-green-600{background-color:var(--color-green-600)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-red-700{background-color:var(--color-red-700)}.bg-teal-500{background-color:var(--color-teal-500)}.\!p-3{padding:calc(var(--spacing)*3)!important}.py-2{padding-block:calc(var(--spacing)*2)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-nowrap{text-wrap:nowrap}.whitespace-pre-line{white-space:pre-line}.text-blue-600{color:var(--color-blue-600)}.text-gray-400{color:var(--color-gray-400)}.text-green-500{color:var(--color-green-500)}.text-neutral-700{color:var(--color-neutral-700)}.text-red-500{color:var(--color-red-500)}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-neutral-300:hover{background-color:var(--color-neutral-300)}.hover\:bg-pink-600:hover{background-color:var(--color-pink-600)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-teal-600:hover{background-color:var(--color-teal-600)}}}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}html{scroll-behavior:smooth}body{background-image:url(/img/bg.jpg);background-repeat:repeat;background-size:cover;min-width:500px}header .logo-div{display:block;position:relative;height:60px;padding:10px;background-color:black}header .logo-div img{position:absolute;bottom:4px;height:30px}header .header-bar{display:block;position:relative;width:100%;height:225px;background-image:url(/img/header-bar.jpg);background-repeat:repeat;background-color:#cccccc}header #avatar{display:block;position:absolute;top:30px;left:70px;width:200px;height:200px;border:5px solid white;border-radius:50%;background:black;background-image:url(/img/avatar/1.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover}header #profile-name{left:250px}header #profile-name,header #subtitle{display:block;position:absolute;padding:10px;margin:10px;bottom:15px;background-color:white;border-radius:10px;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:25px;font-weight:700;opacity:.75}header #subtitle{right:50px}header nav{display:block;background-color:black;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:20px;text-align:center}header nav ul{display:flex;list-style-type:none}header nav ul li{flex:1;white-space:nowrap}header nav ul li:hover{background:#202020;border-left:1px solid white;border-right:1px solid white}header nav a{display:block;width:100%;color:#ffffff;text-decoration:none;padding-top:20px;padding-bottom:20px}header nav ul li:hover a{text-decoration:underline;background-color:rgb(66,66,66);color:rgb(255,255,255)}.nav-item .active{background-color:rgb(43,43,43)!important;border-left:4px solid white!important;border-right:4px solid white!important;color:rgb(255,236,194)!important}.nav-item>a:hover{color:rgb(109,204,255)}main{padding:35px;margin-top:50px}.content-section{display:block;position:relative;width:100%;max-width:1500px;border-radius:10px;background-color:rgb(255,255,255,.6);font-family:Arial;font-size:20px;margin:55px auto 100px}.content-title{display:block;position:absolute;left:40px;top:-55px;width:250px;height:63px;border-radius:5px;background-color:rgb(255,255,255,.7);transform:skew(-27deg);font-size:30px;font-weight:700;color:rgb(97,97,97);padding:10px 10px 20px 25px}#about-me{border-top:1px solid rgb(11,77,143);border-bottom:1px solid rgb(11,77,143);padding:50px 20px 40px 60px}#about-me #about-me-title{border-color:rgb(11,77,143) rgb(190,224,255);border-style:solid;border-width:1px}#portfolio{border-top:1px solid rgb(255,163,163);border-bottom:1px solid rgb(255,163,163)}#portfolio #work-title{border-color:rgb(255,163,163) rgb(255,235,248);border-style:solid;border-width:1px}#portfolio .workapp{display:flex;flex-wrap:wrap;padding:50px 10px;justify-content:center}.workapp-child{display:inline-block;position:relative;min-width:450px;max-width:600px;height:270px;border:1px solid rgb(105,105,105);font-family:Open Sans,Arial;color:white;text-align:center;border-radius:10px;margin:12px;background-size:cover;background-repeat:no-repeat;background-color:black;opacity:.9;box-sizing:border-box}.workapp-child,.workapp-child .links{width:100%;font-size:20px;text-align:left}.workapp-child .links{display:block;position:absolute;height:72px;bottom:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:6px 12px;white-space:nowrap}.workapp-child .links div{overflow:hidden}.workapp-child .title{display:inline-block;background-color:rgba(0,0,0,.8);border-radius:10px;color:white;padding:10px;margin:5px;text-align:left}.workapp-child .title h2{font-size:24px;font-weight:700}.workapp-child .title span{font-size:16px}.workapp-child:hover{opacity:1}.workapp-child:hover .title{box-shadow:3px 3px 10px #ffffff}#workapp1{background-image:url(/img/workapp1.jpg)}#workapp2{background-image:url(/img/workapp2.jpg)}#workapp2:hover{box-shadow:7px 7px 20px #5fc7ff}#workapp2 .links{background-color:rgba(210,255,255,.8);color:rgb(0,0,0)}#workapp2 .links a{color:rgb(32,61,84)}#workapp5{background-image:url(/img/workapp5.jpg)}#workapp5:hover{box-shadow:7px 7px 20px #deff25}#workapp5 .links{background-color:#fffde1;color:rgb(0,0,0)}#workapp5 .links a{color:rgb(51,99,167)}#workapp6{background-image:url(/img/workapp6.jpg)}#workapp6 .links{background-color:rgba(153,151,255,.8);color:rgb(255,255,255)}#workapp6 .links a{color:rgb(222,219,255)}#workapp6:hover{box-shadow:7px 7px 20px #8461ee}#workapp7{background-image:url(/img/workapp7.jpg)}#workapp7 .links{background-color:rgba(119,205,255,.8);color:rgb(0,0,0)}#workapp7 .links a{color:rgb(54,113,200)}#workapp7:hover{box-shadow:7px 7px 20px #1ba9dc}#workapp8{background-image:url(/img/workapp8.jpg)}#workapp8 .links{background-color:rgba(255,230,212,.8);color:rgb(0,0,0)}#workapp8 .links a{color:rgb(57,39,21)}#workapp8:hover{box-shadow:7px 7px 20px #ffb086}#workapp9{background-image:url(/img/workapp9.jpg)}#workapp9 .links{background-color:rgba(16,113,217,.8);color:rgb(185,197,255)}#workapp9 .links a{color:rgb(207,215,255)}#workapp9:hover{box-shadow:7px 7px 20px #86a8ff}#workapp10{background-image:url(/img/workapp10.jpg)}#workapp10 .links{background-color:rgba(117,16,217,.8);color:rgb(190,139,211)}#workapp10 .links a{color:rgb(231,207,255)}#workapp10:hover{box-shadow:7px 7px 20px #86a8ff}#workapp1:hover{box-shadow:7px 7px 20px #ff9175}#workapp1 .links{background-color:rgba(255,195,195,.8);color:rgb(0,0,0)}#workapp1 .links a{color:rgb(78,20,20)}#contact-me-content{display:flex;flex-wrap:wrap}#contact-me-content h2{font-size:25px}#contact-me-content h3{display:block;font-size:18px;margin-bottom:3px}#content-me-content input,#content-me-content textarea{width:300px;font-size:18px;padding:5px;margin-bottom:20px;border-radius:5px;border:1px solid black}#content-me-content textarea{height:200px}#content-me-content #submit-btn{float:right;padding:5px 12px;border-radius:10px;border:1px solid #1d4ed8;background-color:#3b82f6;color:white;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease}#content-me-content #submit-btn:hover{background-color:#2563eb}#content-me-content #submit-btn:active{transform:scale(.97)}#contact-me{display:flex;flex-wrap:wrap;justify-content:center;border-top:1px solid rgb(25,161,22);border-bottom:1px solid rgb(25,161,22);padding:50px 20px 40px}#contact-me #contact-me-title{border-color:rgb(25,161,22) rgb(233,255,233);border-style:solid;border-width:1px}#resume{border-top:1px solid rgb(22,126,190);border-bottom:1px solid rgb(22,126,190);padding:50px 20px 40px 60px}#resume #resume-title{border-color:rgb(22,126,190) rgb(255,237,222);border-style:solid;border-width:1px}#resume-content h2{font-size:25px}#resume-div img{width:150px}#resume-div{gap:200px;text-align:center}#contact-info,#resume-div{display:flex;flex-direction:row;flex-flow:row wrap;justify-content:center}#contact-info{gap:150px;text-align:left}.footer{padding-bottom:30px;clear:both;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;text-align:center}.footer div{display:inline-block;padding-left:20px;padding-right:20px}@media screen and (max-width:768px){header #subtitle{right:10px;bottom:155px;font-size:16px}header #avatar{top:40px;left:50px;width:190px;height:190px}header #profile-name{left:210px}#about-me{padding-left:30px}}