*                                   { margin:0;padding:0;list-style:none;user-select:none;outline:none;box-sizing:border-box; }

html                                { scroll-behavior:smooth; }
body                                { display:flex;justify-items:center;align-items:center;font-size:20px;background-color:#f5f5f5;overflow-x:hidden; }

header                              { height:4000px;background-color:#191919; }
main                                { min-height:100vh;padding:150px 200px;background-color:#191919;color:#fff;position:relative;z-index:3; }

h1                                  { font-family:"Anton",sans-serif;font-size:20em;font-weight:400;color:#fff;text-transform:uppercase; }
h2                                  { margin-bottom:15px; }
p                                   { margin-bottom:15px; }

h1>span                             { line-height:460px;width:350px;height:460px;left:2000px;top:calc(50% - 230px);position:fixed;text-align:center;z-index:3;mix-blend-mode:difference; }
h1>span:first-child                 { left:calc(50% - 175px); }


#scroller                           { position:fixed;right:0px;top:0px;padding:5px 10px;font-weight:bold;background-color:red;color:white;z-index:10; }
#sizecontainer                      { width:1920px;overflow:hidden; }

#divider                            { position:fixed;left:2000px;height:100vh;width:5000px;background-color:#f5f5f5;z-index:1; }
#lastname                           { display:flex;align-items:center;justify-content:center;position:fixed;left:1920px;height:100vh;width:1920px;mix-blend-mode:difference;background-color:transparent;color:#000;z-index:2; }