:root{background-color:#201623;scroll-behavior:smooth}*{padding:0;margin:0}.wrapper{position:relative}.canvas{position:fixed;top:0;left:0}.topnav{background-color:transparent;overflow:hidden;position:fixed;display:inline-block;width:100%;z-index:100}.logo{float:left;color:#9370db;text-align:center;font-family:Cabin,sans-serif;text-transform:uppercase;padding:14px 16px;text-decoration:none;width:60px}.topnav a{float:left;color:#9370db;text-align:center;font-family:Cabin,sans-serif;padding:30px 16px;text-decoration:none;font-size:17px}.topnav a:hover{background-color:#9370db;color:#000}.topnav a.active{background-color:#48324f;color:#000}.topnav button{float:left;color:#9370db;text-align:center;font-family:Cabin,sans-serif;text-transform:uppercase;padding:14px 16px;text-decoration:none;background-color:transparent;border-color:transparent;font-size:17px}.topnav button:hover{background-color:#c28ad5;color:#000}.topnav button.active{background-color:#48324f;color:#000}.section,.sectionRight{z-index:99;display:flex;flex-wrap:wrap;align-items:center;height:100vh;position:relative;font-family:Cabin,sans-serif;color:#ffeded;text-transform:uppercase;font-size:7vmin;padding-left:10%;padding-right:10%}.sectionRight p{position:absolute;padding-top:20vh;font-size:3vmin;text-transform:none;text-align:right}.section p{position:absolute;padding-top:20vh;font-size:3vmin;text-transform:none}footer{font-family:Cabin,sans-serif;text-align:center;padding:10px;background-color:#201623;color:#fff;position:relative;z-index:200000}.wewa{position:absolute;padding-top:20vh;font-size:3vmin;text-transform:none;width:45%}.break{flex-basis:100%;height:0}.section:nth-child(odd){justify-content:flex-end}.sectionRight:nth-child(odd){justify-content:flex-end}#app{margin:0 auto;padding:0}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}