:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;padding:0;background-color:#000;overflow-x:hidden}@font-face{font-family:Sugar Magic;src:url(sugarmagicpersonaluseonly-jemyo.otf)}.navbar{display:flex;background-color:none;position:sticky;top:20px;z-index:99999;justify-content:center}.logo{position:absolute;left:0;top:-30px}.options{position:relative;right:0;z-index:99999;display:flex;gap:15px}.navbar a{z-index:99999;font-size:large;color:azure;text-decoration:none;background-color:#000;opacity:100%;border-radius:2px;padding:5px 15px;height:25px}.navbar a:hover{z-index:99999;text-shadow:0 0 5px #00fbff,0 0 15px #00fbff,0 0 20px #00fbff,0 0 40px #00fbff,0 0 60px #00aaff,0 0 10px #00fbff,0 0 98px #ff0000}.container{display:flex;margin-top:7%;justify-content:space-between;width:80%;margin-left:10%}.subcontainer{margin-top:20px;display:flex;flex-direction:column;width:60%}.name{padding:5px 20px;font-size:150px;font-weight:bolder;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;color:bisque;left:0}.information{z-index:1;font-family:Arial,Helvetica,sans-serif;color:#f0f8ff;width:100%;text-align:justify;margin-top:4%;padding:0 20px}.ring{z-index:-1;clip-path:circle(50% at 50% 50%);position:sticky;top:0;width:100px;overflow:hidden;right:100px}img{display:block}.portrait{position:relative;top:40px;float:right;right:0;width:300px;height:300px;border-radius:50%;border:5px solid #5e5e5e;z-index:1;box-shadow:0 0 5px #000,0 0 15px #3d3d3d,0 0 20px #494949,0 0 40px #858585,0 0 90px #fcfcfc,0 0 40px #100c10,0 0 150px gray}.portrait:hover{border:5px solid #00eaffc8;box-shadow:0 0 5px #00e5ff,0 0 15px #00bfff,0 0 20px #00d9ff,0 0 40px #0ef,0 0 90px #00d5ff,0 0 40px #00fbff,0 0 150px #04f}.skill,.projects,.more{font-size:80px;font-family:Times New Roman,Times,serif;color:#faebd7;text-align:center;margin-top:15%;padding-top:7%}.about-section{width:100%;min-height:100vh;padding:80px 20px;background-image:url(/assets/more_back-zFVVrCeX.png);display:flex;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;justify-content:center;text-align:justify;align-items:center}.about-container{max-width:1200px;width:100%;display:grid;text-align:justify;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.about-card{background:#ffffff14;border-radius:16px;padding:25px;box-shadow:0 10px 25px #0000004d;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.about-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 35px #00000080}.about-card h2{font-size:1.6rem;margin-bottom:15px;color:#facc15;text-align:center}.about-card p{font-size:.95rem;line-height:1.6;opacity:.9}.edu-item{margin-bottom:15px}.edu-item h4{font-size:1rem;font-weight:600}.edu-item span{font-size:.85rem;opacity:.8}.highlight span{color:#22c55e;font-weight:600}.about-card ul{list-style:none;padding-left:0}.about-card ul li{margin-bottom:10px;font-size:.95rem;line-height:1.5}.skills_section{text-align:center;border-radius:4px;height:450px;margin:1%;padding:8px;display:flex;flex-direction:row;font-family:Cormorant Garamond,serif;justify-content:space-around}.images{padding:10px 70px;display:flex;justify-content:center;gap:10px}.card{position:relative;width:26%;border-radius:10px;height:600px;transform-style:preserve-3d;transition:all .8s ease}.card:hover{transform:rotateY(180deg)}.languages_front,.front_soft,.front_dev{width:100%;font-size:20px;font-family:sugar magic;height:100%;background-repeat:no-repeat;border-radius:4px;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;background-image:url(/assets/front_card-CEjf7saI.png);text-shadow:0 0 5px #fff8e1,0 0 15px #ffecb3,0 0 60px #ffeec7,0 0 10px #ffecb3,0 0 98px #ff6f00;color:azure;background-size:100% 100%;position:absolute;top:0;left:0}.back_soft,.back_dev,.languages_back{width:100%;height:100%;margin-top:0;font-size:large;border-radius:4px;backface-visibility:hidden;overflow:hidden;background-image:url(/assets/front_card_background-DJqwDR6P.png);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#333;transform:rotateY(180deg);position:absolute;top:0;left:0;background-size:100% 100%}.back_dev .written,.back_soft .written{display:flex;flex-direction:column;align-items:flex-start;padding:10px 0}.projects_section{font-family:Times New Roman,Times,serif;width:100%;color:#f0f8ff;display:flex;flex-direction:column;margin-left:10%;margin-top:1%;padding:15px}.farmerAid,.tracer{text-align:left;font-size:40px;font-family:monospace;text-decoration:none;color:beige;margin-top:1%;overflow:hidden;border-right:.15em solid rgb(0,0,0);white-space:nowrap;width:fit-content;animation:typing1 1.5s steps(20,end),blink-caret .75s step-end infinite}.farmerAid:nth-of-type(2),.tracer{margin-top:100px;animation:typing2 1.5s steps(20,end),blink-caret .75s step-end infinite}.project_info{font-family:sans-serif;text-align:justify;padding:10px 0;margin-bottom:20px}.project_info h2,.tracer_info h2{color:#00fbff;margin-top:10px}.farmerAid:hover,.tracer:hover{text-shadow:0 0 2px #00fbff,0 0 2px #00fbff,0 0 5px #00fbff,0 0 10px #00fbff,0 0 20px #00aaff,0 0 10px #00fbff,0 0 98px #ff0000;color:#002d2d;border:none}.project-slider-container{width:80%;margin:0 auto;overflow-x:scroll;white-space:nowrap;padding-bottom:20px;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.project-slider-container::-webkit-scrollbar{display:none}.project{width:100%;background-image:url(https://media.istockphoto.com/id/873881782/photo/red-rose-flower-isolated-on-the-black-background.jpg?s=612x612&w=0&k=20&c=LuNMiMFD-M8_3oa12wm4ExRqv_dQCnSqHi6tVrJLaRE=);background-repeat:no-repeat;background-position:50% 100%;background-size:35%;margin-bottom:-30px}.projects_section{display:flex;flex-direction:row;width:fit-content;margin-left:0;margin-top:1%;padding:15px 0;justify-content:flex-start;align-items:stretch;gap:50px}.project-card-item{flex:0 0 80%;max-width:75%;min-width:300px;height:auto;display:flex;flex-direction:column;padding:30px;scroll-snap-align:start;background-color:#fff;background-color:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 60px #0003;border-radius:12px;white-space:normal}.project-card-item .farmerAid,.project-card-item .tracer{margin-top:0;padding-left:0;white-space:normal}.contact-container{max-width:600px;margin:auto}.cont1{background:beige;padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:18px}.contact-item{display:grid;grid-template-columns:150px 1fr;align-items:center;background:#8b4513;color:#fff;padding:12px 15px;border-radius:10px;gap:10px}.contact-label{font-weight:600}.contact-value{opacity:.9;word-break:break-all}@keyframes typing1{0%{width:0}to{width:100%}}@keyframes typing2{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}.footer{width:100%;background-color:#111;padding:auto;display:flex;margin:50px 0 0;height:30px;align-items:center;color:#f0f8ff}.cpy{margin-right:75%}.icons{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.i2,.i3{width:30px;margin:10px}.i2{border-radius:50%}.i1{width:35px}.i3{width:30px}.i1:hover,.i2:hover,.i3:hover{background-color:#029191;box-shadow:0 0 10px 2px #029191}@media(max-width:992px){.container{flex-direction:column;align-items:center;width:100vw;margin:0}.subcontainer{width:90%;align-items:center}.name{font-size:100px;text-align:center}.information{width:90%;margin:2% auto;padding:0}.portrait{width:auto;margin-top:10px;right:auto}.skill,.projects,.more{text-align:left}.skills_section{flex-direction:column;height:auto;gap:30px;padding:20px}.card{width:30%;height:100vh}.projects_section{width:40%}.project-slider-container{margin:1%}.about-section{display:flex;flex-direction:column;width:26%;gap:20px}.contact-container{margin-left:10px;margin-right:auto}.contact-section-container{max-width:fit-content}.farmerAid,.tracer{font-size:30px}}