@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;700&display=swap);
.dark{transition:color .2s}.dark *{color:#ebf3fe}
#logo{width:8vw}@media only screen and (max-width: 1080px){#logo{width:25vw}}
#title-container{display:flex;flex-direction:row;align-items:center}#title-text-container{display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;transform-origin:left;padding-left:4vw}#separator{width:5px;height:22vh;background-color:#2d2d2d;margin-left:4vw;border-radius:5px}#separator.dark{background-color:#ebf3fe}#title-text-container h1{font:normal 400 80px "Comfortaa",sans-serif;margin-bottom:10px}#title-text-container h2{font:normal 300 42px "Comfortaa",sans-serif;margin-top:10px}
#main-container{background-color:#fff;min-height:100vh;display:flex;align-items:center;justify-content:center;transition:background-color .2s}#main-container.dark{background-color:#181a1b}#toggle-theme-btn{position:fixed;top:0;left:0}
body{padding:0;margin:0}h1,h2,p{margin:0;color:#2d2d2d}