.secondcontainer{display:flex;background-color:#464646;flex-direction:column;justify-content:flex-start;align-items:flex-end;overflow:hidden;overflow-Y:scroll}.root ::-webkit-scrollbar{visibility:hidden}.bulb-container{width:30%;height:600%;display:flex;flex-direction:column;align-items:center;z-index:1;transform-origin:top;animation:swing 3s ease-in-out infinite}.wire{width:4px;height:8%;background:#000;position:relative;z-index:1}.connector{background:#292929;width:20px;aspect-ratio:4/5;border-radius:1px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;z-index:2}.grove{background:#424242;width:34px;height:3px;z-index:3}.bulb{margin-top:-2px;width:92px;aspect-ratio:1;border-radius:50%;background:#ffeb00;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 150px 75px #f5df4d;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:-1px;z-index:1;animation:flash 10s linear infinite}.metal-wire{position:relative;border:1px solid black;width:22px;height:2px;border-radius:50%;z-index:2}.metal-wire:nth-child(1){top:-1px}.metal-wire:nth-child(2){top:-7px}.metal-wire:nth-child(3){top:-13px}@keyframes swing{0%{transform:rotate(15deg)}50%{transform:rotate(-15deg)}to{transform:rotate(15deg)}}.inactive{background:#ffeb00;border:2px solid white;box-shadow:0 0 150px 75px #f5df4d}.active{background:#6a6363;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:0 0 150px 75px #757572}.light{color:#fbf8f8;background-color:#31363f}.dark{color:#080808;background-color:#fff}.lightfont{color:#080808}.darkfont{color:#fbf8f8}.navbar{position:fixed;top:0;left:0;display:flex;width:100%;height:100px;flex-direction:row;justify-content:flex-start;align-items:flex-start;box-shadow:2px 2px 4px 2px #0003;background-size:cover;background-position:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.navmenu{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-start;margin-top:auto}.navmenu>ul{width:80%;height:30%;display:flex;flex-direction:row;justify-content:center;align-items:flex-end}.navmenu>ul>li{display:flex;margin-left:35px;list-style-type:none;text-decoration:none;justify-content:center;align-items:flex-end;color:#000}.hamburger{display:none;width:20%;height:50%;justify-content:center;align-items:center;margin-top:50px;margin-right:50px;margin-left:50px}.dot{display:none;position:fixed;width:100px;justify-content:center;align-items:space-evenly;flex-direction:column;z-index:11}.dot a{width:50%;height:100%;justify-content:center;align-items:center}.dot a i{color:#ffc96f;margin-top:20px;border:2px solid #FFC96F;padding:4px;border-radius:25%;z-index:12;margin-left:20px}.section1{margin-top:130px;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:50%;overflow:visible;animation:ease-out 3s linear}.displayflex{display:flex!important}.displaynone{display:none!important}.text{display:flex;width:100%;justify-content:center;align-items:center;z-index:index 0;font-family:Rocher;margin-top:20px;position:relative;min-width:30%;min-height:10%;max-width:100%;max-height:30%}.text:before{position:absolute;inset:calc(-1*var(--b));border:inherit;border-radius:var(--r);background:linear-gradient(orange,#ff1493,purple) border-box;--corner: conic-gradient(from -90deg at var(--c) var(--c), red 25%, #0000 0) 0 0/ calc(100% - var(--c)) calc(100% - var(--c)) border-box;--inner: conic-gradient(red 0 0) padding-box;-webkit-mask:var(--corner),var(--inner);mask:var(--corner) subtract,var(--inner);content:""}.text h1{width:100%;font-size:50px;padding:20px}@font-face{font-family:Rocher;src:url(https://assets.codepen.io/9632/RocherColorGX.woff2)}@font-palette-values --Grays{font-family:Rocher;base-palette:12}@font-palette-values --Purples{font-family:Rocher;base-palette:6}@font-palette-values --Mint{font-family:Rocher;base-palette:7}@font-pallete-values --Choice{font-family: Rocher; base-palette: 5;}.grays{font-palette:--Grays}.purples{font-palette:--Purples}.mint{font-palette:--Mint}.choice{font-palette:--Choice;font-size:12px}.center{display:flex;width:50%;height:100%;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.cards{display:flex;width:80%;height:100%;justify-content:center;align-items:center;z-index:1;flex-direction:row}.cardsat1,.cardsat2{width:100%;height:50%;justify-content:space-evenly;align-items:center}.card{font-family:Rocher;display:flex;width:40%;background:#ffffff26;box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.18);border-radius:1rem;z-index:10;color:#f5f5f5;margin:20px 20px 20px 30px;flex-direction:column}.card img{width:100%;height:100%;border-radius:4rem 0rem 1rem 1rem;box-shadow:0 4px 30px #00000080}@media only screen and (min-width: 100px) and (max-width: 767px){.hamburger{display:flex;font-size:32px}.navmenu ul{display:none}.dot{width:100px;justify-content:center;align-items:center;flex-direction:column;z-index:11;margin-top:60px}.dot a{text-decoration:none;color:#000;z-index:11;margin-top:30px;justify-content:center;align-items:center}.dot a i{font-size:28px;justify-content:center;align-items:center}h1{padding:30px}.bulb-container,.bulb{height:100%}.wire{height:50%}.text{--b: 0em;--c: 0em;--r: 0em}.title{display:flex;width:auto}}.profile{width:100%;height:100%;background-color:#fff200;display:flex}.profileimage{display:flex;flex-direction:column;margin:10px;width:50%;height:100%;z-index:0;border-radius:100px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 30px #00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);justify-content:center;align-items:center}.profileimgcircle{width:50%;height:50%;border-radius:50%;background-color:#76abae}.profileimgcircle img{width:100%;height:100%;border-radius:50%;object-fit:cover;position:relative;z-index:-0}.quote{font-size:2.26rem;text-transform:uppercase;display:flex;align-items:center;justify-content:center;flex-direction:column}.joke{margin:30px;font-size:30px;font-family:cursive}@keyframes text-animation{0%{margin-top:0}10%{margin-top:0}20%{margin-top:-5.62rem}30%{margin-top:-5.62rem}40%{margin-top:-11.24rem}60%{margin-top:-11.24rem}70%{margin-top:-5.62rem}80%{margin-top:-5.62rem}90%{margin-top:0}to{margin-top:0}}@media only screen and (min-width: 100px) and (max-width: 767px){.text{width:70%;padding:0;margin:0}.text h1{width:100%;font-size:25px}.grays,.purples,.mint{padding:none}.cards{flex-direction:column}.animation{font-size:20px}.profileimage{width:90%;margin:10px;border-radius:0%}.joke{font-size:20px;font-family:"cursive"}.section1{flex-direction:column;text-decoration:wavy}.center{width:100%;margin:20px}.cardsat1,.cardsat2{display:flex;justify-content:center;align-items:center}.card{display:none}}.contacts{display:flex;width:100%;height:100%;flex-direction:column;justify-content:flex-start;align-items:center}.contactline1{display:flex;flex-direction:row;width:90%;margin-top:5%}.links{display:flex;width:45%;height:130px;margin-right:20px;border-radius:15px;flex-direction:row;justify-content:space-evenly;align-items:center;margin-bottom:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 30px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:transparent}.links a{text-decoration:none;color:none;transition:color .3s ease;height:50%;width:40%;display:flex;justify-content:center;align-items:center}.links a:hover{color:#0056b3;text-decoration:overline}.links a i{margin:4%;font-size:25px;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.decoresquare{display:flex;width:60%;border-radius:15px 15px 0 0;justify-content:center;align-items:center;border:1px 1px 1px 0px solid rgba(255,255,255,.2);box-shadow:0 4px 30px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:transparent}.emailbox{width:90%;display:flex;border-radius:15px 0 0;margin-bottom:20px;flex-direction:column;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 30px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:transparent}form{display:flex;flex-direction:column;width:100%;overflow:hidden;flex-wrap:wrap;font-family:cursive;justify-content:flex-start;align-items:center}form input,textarea{border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 30px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:90%;height:30px;text-wrap:nowrap;font-size:20px;margin:20px}form input[type=submit]{width:15%}input[type=submit]{width:30;background-color:#242424;color:#fff;border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 30px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media only screen and (min-width: 100px) and (max-width: 767px){.emailbox{display:flex;justify-content:center;align-items:center}form{display:flex;flex-direction:row;overflow:scroll;justify-content:center;align-items:center}}.projects{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.projectcontainer{width:70%;height:100%;display:flex;flex-direction:row;overflow:hidden;justify-content:space-evenly;align-items:space-evenly;flex-wrap:wrap;margin-right:50px;margin-left:50px}.projectcard{min-width:300px;min-height:300px;margin:20px;border-radius:10px;width:300px;height:400px;display:flex;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 30px #00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);justify-content:flex-start;align-items:center;flex-direction:column;overflow:hidden}.projectimg{display:flex;justify-content:center;align-items:flex-end;width:90%;height:40%;object-fit:cover;margin:10px 0 0;flex-direction:row;object-fit:contain}.projectimg img{width:100%;border-radius:10px;object-fit:cover}.projectinfo{width:80%;height:60%;margin-bottom:20px;display:flex;justify-content:center;text-wrap:wrap;padding:10px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.projectinfo ::-webkit-scrollbar{visibility:hidden}.github{font-size:25px;display:flex;position:fixed;width:40px;height:40px;margin-top:40px;font-size:24px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 30px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;border-radius:50%;visibility:hidden}.projectcard:hover .github{visibility:visible}.github i{margin:0;padding:0}.projectname{box-shadow:0 4px 30px #07070700;display:flex;width:50%;border-radius:20px 20px 0 0;height:30px;position:fixed;margin-bottom:6px;justify-content:center;align-items:center}.animation01{position:relative}.border_box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15vw;height:15vw}.line{display:block;position:absolute;right:0;bottom:0;background-color:#845b46;opacity:0}.line01{top:0;left:100%;width:.15vw;height:15.15vw;transform-origin:bottom;animation:animation01_line01 .2s linear .3s infinite}.line03{top:0;left:0;width:.15vw;height:15.15vw;transform-origin:bottom;animation:animation01_line01 .2s linear .6s infinite}@keyframes animation01_line01{0%{transform:scale3d(1,0,1);opacity:1}to{transform:scaleZ(1);opacity:1}}.line02{top:100%;left:0;width:15.15vw;height:.15vw;transform-origin:right;animation:animation01_line02 .2s linear .4s infinite}.line04{top:0;left:0;width:15.15vw;height:.15vw;transform-origin:left;animation:animation01_line02 .2s linear .8s infinite}@keyframes animation01_line02{0%{transform:scale3d(0,1,1);opacity:1}to{transform:scaleZ(1);opacity:1}}.circle{display:block;position:absolute;right:0;bottom:0;width:1.2vw;height:1.2vw;border:.1vw solid #fff;border-radius:50%;opacity:0}.circle01{top:96%;left:96%;margin:0 auto;animation:animation01_circle .3s linear .3s infinite}.circle02{top:96%;left:-99%;margin:0 auto;animation:animation01_circle .3s linear .45s infinite}.circle03{top:-4%;left:-99%;margin:0 auto;animation:animation01_circle .3s linear .65s infinite}.circle04{top:-4%;left:96%;margin:0 auto;animation:animation01_circle .3s linear .85s infinite}@keyframes animation01_circle{0%{transform:scale3d(0,0,1);opacity:1}40%{transform:scaleZ(1);opacity:1}60%{transform:scaleZ(1);opacity:1}to{transform:scale3d(0,0,1);opacity:1}}.wave{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:13.5vw;height:13.5vw;overflow:hidden}.wave_wrapper{width:200%;height:150%;position:absolute;top:-25%;right:0;bottom:0;left:-50%;margin:0 auto;animation:animation01_wave_wrapper 1s linear 1s infinite}@keyframes animation01_wave_wrapper{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(0)}75%{transform:rotate(-15deg)}to{transform:rotate(0)}}.wave_box{position:absolute;top:0;right:0;bottom:0;left:0;margin:0 auto;width:100%;height:100%;background-color:#fff;transform-origin:bottom;animation:animation01_wave_box 1s linear 1s infinite;opacity:0}@keyframes animation01_wave_box{0%{transform:scale3d(1,0,1);opacity:1}to{transform:scaleZ(1);opacity:1}}.animation_line{position:absolute;right:0;bottom:0;margin:0 auto;background-color:#fff;opacity:0}.animation_line_wrapper{position:absolute;top:0;right:0;bottom:0;left:0;margin:0 auto;width:100%;height:100%}.animation_line01{top:-15%;left:0;width:.2vw;height:.7vw;animation:animation_line01 .3s cubic-bezier(.165,.84,.44,1) 1.9s infinite;transform-origin:top}.animation_line02_wrapper{transform:rotate(45deg)}.animation_line02{top:-35%;left:0;width:.2vw;height:.7vw;animation:animation_line01 .3s cubic-bezier(.165,.84,.44,1) 1.9s infinite;transform-origin:top}@keyframes animation_line01{0%{transform:translateY(0);opacity:1}to{transform:translateY(-1.5vw);opacity:1}}.animation_line03{top:50%;left:110%;width:.7vw;height:.2vw;animation:animation_line03 .3s cubic-bezier(.165,.84,.44,1) 1.9s infinite;transform-origin:right}.animation_line04_wrapper{transform:rotate(45deg)}.animation_line04{top:50%;left:128%;width:.7vw;height:.2vw;animation:animation_line03 .3s cubic-bezier(.165,.84,.44,1) 1.9s infinite;transform-origin:right}@keyframes animation_line03{0%{transform:translate(0);opacity:1}to{transform:translate(1.5vw);opacity:1}}.animation_line05{top:110%;left:0;width:.2vw;height:.7vw;animation:animation_line05 .3s cubic-bezier(.165,.84,.44,1) 1.9s infinite;transform-origin:bottom}.animation_line06_wrapper{transform:rotate(45deg)}.animation_line06{top:128%;left:0;width:.2vw;height:.7vw;animation:animation_line05 .3s cubic-bezier(.165,.84,.44,1) 1.9s infinite;transform-origin:bottom}@keyframes animation_line05{0%{transform:translateY(0);opacity:1}to{transform:translateY(1.5vw);opacity:1}}.animation_line07{top:50%;left:-15%;width:.7vw;height:.2vw;animation:animation_line07 .3s cubic-bezier(.165,.84,.44,1) 1.9s infinite;transform-origin:left}.animation_line08_wrapper{transform:rotate(45deg)}.animation_line08{top:50%;left:-35%;width:.7vw;height:.2vw;animation:animation_line07 .3s cubic-bezier(.165,.84,.44,1) 1.9s infinite;transform-origin:left}@keyframes animation_line07{0%{transform:translate(0);opacity:1}to{transform:translate(-1.5vw);opacity:1}}.skillsection{display:flex;margin-top:100px;width:100%;flex-direction:column;justify-content:flex-start}.column2{display:flex;flex-direction:row}.container{width:50%;display:flex;gap:20px;margin:20px;justify-content:center;align-items:flex-start;flex-direction:row}.skill-category{padding:20px;overflow:visible}.skill img{width:70px;height:70px}.skill :hover img{transform:scale(1.2)}.decore{overflow:hidden;display:flex;width:50%;justify-content:center;align-items:center;position:relative}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate2{0%{transform:rotate(-0deg)}to{transform:rotate(-360deg)}}@media only screen and (min-width: 100px) and (max-width: 767px){.text{width:100%}.container{display:flex;flex-direction:column;overflow-x:auto;width:100%}.skill-category{width:100%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:space-evenly}.skill :hover img{transform:scale(1.2)}.skill{margin:0}.title{display:flex;height:auto;padding:5px 10px;box-sizing:border-box;text-align:center;margin-bottom:20px;border-radius:5px;text-shadow:0 0 10px rgba(0,0,0,.5);flex-wrap:wrap;word-wrap:break-word;white-space:normal;justify-content:center;align-items:center}.skill-category{margin:0}.decore{display:none}}.homesection{width:100%;display:flex;height:200px;margin-top:100px;align-items:center;justify-content:center}.outercircle{width:100px;height:100px;background-color:#00f;border-radius:50%;display:flex;justify-content:center;align-items:center}.innercircle{width:50%;height:50%;background-color:#ff0;border-radius:50%}.animation{height:50px;overflow:hidden;margin-left:1rem}.animation>div>div{padding:.25rem .75rem;height:2.81rem;margin-bottom:2.81rem;display:inline-block}.animation div:first-child{animation:text-animation 8s infinite}.first div{background-color:#20a7d8}.second div{background-color:#cd921e}.third div{background-color:#c10528}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;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}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}}