@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");@import url("https://fonts.googleapis.com/css2?family=Moirai+One&display=swap");@import url("https://fonts.googleapis.com/css2?family=Kode+Mono:wght@400..700&display=swap");*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body,html{width:100%;height:100%;overflow-x:hidden;background:#fff;color:#fff;font-family:DM Sans,sans-serif;transition:all .3s ease-in-out;scroll-behavior:smooth;@media screen and (max-width:899px){overflow:visible}}a{color:#fff;text-decoration:none}@media screen and (max-width:599px){body,html{background:#010101 96%;color:#fff}}.path{display:flex;position:relative;width:200px;height:200px;border:2px dotted #404346;margin:auto}.dot,.path{border-radius:50%}.dot{width:10px;height:10px;background-color:#404346;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:moveAlongPath 20s linear infinite}@keyframes moveAlongPath{0%{transform:translate(-50%,-50%) rotate(0deg) translateX(100px)}to{transform:translate(-50%,-50%) rotate(1turn) translateX(100px)}}@media screen and (max-width:1000px){.path{width:150px;height:150px}@keyframes moveAlongPath{0%{transform:translate(-50%,-50%) rotate(0deg) translateX(75px)}to{transform:translate(-50%,-50%) rotate(1turn) translateX(75px)}}}@media screen and (max-width:900px){.dot,.path{display:none}}@media screen and (max-width:599px){.interlude-text{font-size:10px!important}}