.MenuPage{width:30vw;transition:transform .4s;position:fixed;right:0}@media (width<=600px){.MenuPage{width:100vw}}.MenuPage.open{transform:translate(0)}.MenuPage.closed{transform:translate(100%)}@media (width<=900px){.degree{display:none!important}}@media (width<=500px){.location{display:none!important}}@media (width<=700px){.versionbtn{display:none!important}}.navbar{z-index:100;background:#f5ebdf;justify-content:space-between;padding:clamp(8px,.66vw,10px) clamp(8px,6.66vw,100px);display:flex;position:sticky;top:0}.navbar:after{content:"";background:linear-gradient(90deg,#eadccb,#db9c54,#c88231,#eadccb);width:100%;height:1px;position:absolute;bottom:0;left:0}.leftsection{width:100%}.leftsection .TextArea .greeting{animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.leftsection .TextArea{max-width:100%}}.cursor{animation:1s infinite blink}@keyframes blink{50%{opacity:0}}.imgsection{justify-content:center;align-items:flex-end;width:45vw;height:85vh;margin:auto;display:flex;position:relative}.imgsection img{height:100%;animation:2s fadeIn}@media (width<=768px){.imgsection{width:100%;height:55vh}.imgsection .imgdiv{width:100%!important}}.hero{padding:60px 100px 0}@media (width<=768px){.hero{flex-direction:column;padding:10px clamp(8px,6.66vw,100px)}}.coding-menu{z-index:999;height:60px;position:fixed;bottom:0;left:clamp(80px,10vw,150px)}.circle-btn,.item{cursor:pointer;background:#f5f4f4;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.circle-btn{z-index:10;position:absolute;right:10px}.item{opacity:0;transition:all .4s;position:absolute;right:0}.show{opacity:1}.item1.show{transform:translate(55px)}.item2.show{transition-delay:50ms;transform:translate(110px)}.item3.show{transition-delay:.1s;transform:translate(165px)}.item4.show{transition-delay:.15s;transform:translate(220px)}.item5.show{transition-delay:.15s;transform:translate(275px)}