@import "https://fonts.googleapis.com/css2?family=Special+Elite&display=swap";:root{--primary-color:#dddde4;--gradient-start:#56a5eee6;--gradient-stop-2:#1c0861e6;--gradient-stop-3:#de46d0e6;--gradient-end:#070315e6}body{background-color:#d9f1fa;background-image:linear-gradient(130deg, var(--gradient-start), var(--gradient-stop-2), var(--gradient-stop-3), var(--gradient-end));min-height:100%;color:var(--primary-color);background-attachment:fixed}:root{--btn-text-color:#dbdbe6}.btn{color:var(--btn-text-color);cursor:pointer;font-weight:550;text-decoration:none}@property --deg{syntax:"<angle>";inherits:false;initial-value:0deg}.colorful-animated-effect{cursor:pointer;z-index:1;-ms-border-radius:30px;-o-border-radius:30px;background:#1a1a1a;border:none;border-radius:30px;padding:15px 30px;position:relative}.colorful-animated-effect:before{content:"";background:conic-gradient(from var(--deg) at center, #00f, #f0f, #0ff, #f0f, #00f );-webkit-mask-composite:xor;z-index:-1;border-radius:30px;padding:3px;animation:3s linear infinite autoRotate;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.colorful-animated-effect:after{display:none}@keyframes autoRotate{to{--deg:360deg}}.simple-blue{background:#4cc9f0;border:none;border-radius:30px;padding:1rem 1.5rem;transition:all .3s;box-shadow:0 0 15px #4cc9f066}.simple-blue:hover{color:#fff;background:#081965;transform:scale(1.05)}.shine-effect{text-align:center;background-color:#be55b0;border:none;border-radius:5px;padding:10px 20px;transition:background-color .3s,box-shadow .3s,transform .3s;display:inline-block;position:relative;overflow:hidden}.shine-effect:before{content:"";pointer-events:none;background:#fffc;width:200%;height:20px;transition:all .5s;position:absolute;top:0;left:-250%;transform:translateY(10px)rotate(45deg)}.shine-effect:hover:before{transition:all .5s;left:150%}.shine-effect:hover{background-color:#b5a9a9;transform:scale(1.05);box-shadow:0 0 10px 2px #fffc}.shine-effect:focus{background-color:#b5a9a9;outline:none;box-shadow:0 0 10px 2px #fffc}.colorful-border{border:4px solid #0000;border-image:linear-gradient(90deg,#00f,#ff1493) 1;padding:10px}.pink-btn{background-color:#ed34ed;border:none;border-radius:5px;padding:9px 20px}.purple-btn{text-align:center;background-color:#6c63ff;border-radius:8px;padding:15px;display:block}.zoom-effect:hover{transform:scale(1.1);box-shadow:4px 4px 15px #0000004d}*{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}:root{--primary-color:#090910}html{color:var(--primary-color)}:root{--gap-md:1rem;--link-color:white;--line-heigh-size:1.2rem;--nav-a-color:black}.hero,.modern-projects,.my-other-works{flex-wrap:wrap;align-items:center;gap:1rem;padding:.6rem 0;display:flex}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}.unicorning{width:30px;margin-left:15px;margin-right:10px}.page-name-container{align-items:center;display:flex;margin-right:auto!important}nav{-webkit-backdrop-filter:blur(1.5rem);backdrop-filter:blur(1.5rem);background-color:#7555f44d;box-shadow:3px 3px 5px #0000001a}nav ul{justify-content:flex-end;align-items:center;width:100%;list-style:none;display:flex}nav li{height:4rem}nav a,.sidebar a{height:100%;color:var(--nav-a-color);align-items:center;padding:1.5rem;font-size:1.3rem;font-weight:700;text-decoration:none;display:flex}nav a:hover{background-color:#f0f0f0}.sidebar{-webkit-backdrop-filter:blur(1rem);z-index:9999;background-color:#fffc;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:250px;height:100vh;list-style:none;display:none;position:fixed;top:0;right:0;box-shadow:-10px 0 10px #0000001a}.sidebar li{width:100%}.sidebar a{width:100%;font-size:1.3rem;font-weight:700}.menu-button{display:none}.inside-main{margin:.5rem}:is(h1,h2,h3,h4,h5,h6,p){margin:var(--gap-md);line-height:var(--line-heigh-size)}a{color:var(--link-color)}@media (width<=800px){.hideOnMobile{display:none}.menu-button{display:block}}@media (width<=400px){.sidebar{width:100%}}