body{margin:0!important}html{overflow-x:hidden}@font-face{font-family:HKGroteskRegular;src:url(assets/HKGrotesk-Regular.ttf)}@font-face{font-family:HKGroteskBold;src:url(assets/HKGrotesk-Bold.ttf)}#align{margin:auto;height:100%;width:80%;vertical-align:middle;display:flex;align-items:center}#left{display:table-cell}#right{margin-right:10vw;display:table-cell}#logo{margin-bottom:3vh;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}h1{font-size:18px;font-family:'HKGroteskRegular';line-height:199%;font-weight:400;margin-bottom:5vh}#work a{font-size:14px;line-height:260%;font-family:'HKGroteskRegular';text-decoration:none;color:#666;transition:color .6s cubic-bezier(.8,.03,.25,1)}#work a:first-child:hover{color:#DA87E8}#work a:nth-child(3):hover{color:#E8878B}#work a:nth-child(5):hover{color:#E8B087}#work a:nth-child(7):hover{color:#B2E887}#work a:nth-child(9):hover{color:#87BFE8}#work a:nth-child(11):hover{color:#E8E487}#work a::after{content:"";z-index:-999;display:block;position:absolute;width:0;margin-top:-20px;margin-left:-7px;height:15px;transition:width .6s cubic-bezier(.8,.03,.25,1)}#work a:first-child::after{background-color:#F6E7FA}#work a:nth-child(3)::after{background-color:#FAE7E8}#work a:nth-child(5)::after{background-color:#FAF1E7}#work a:nth-child(7)::after{background-color:#EBFAE7}#work a:nth-child(9)::after{background-color:#E7F8FA}#work a:nth-child(11)::after{background-color:#FAFAE7}#work a:hover:after{width:50px}hr{display:table-cell;width:1px;height:65%;background-color:#F0F0F0;border:0}h2{font-size:14px;font-family:'HKGroteskRegular';font-weight:400;line-height:300%;color:#BABABA}h2 span{transition-property:margin-left,opacity;transition-duration:.6s;transition-timing-function:cubic-bezier(.8,.03,.25,1)}h2 span:hover{margin-left:10px;opacity:.5}#links a{font-family:'HKGroteskRegular';color:#BABABA;text-decoration:none;font-size:14px;transition:color .6s cubic-bezier(.8,.03,.25,1)}#links a:first-child:hover{color:#87C5E8}#links a:nth-child(3):hover{color:#E8B087}#links a:nth-child(5):hover{color:#8987E8}#links a:nth-child(7):hover{color:#E887BB}#links a:nth-child(9):hover{color:#B2E887}#links p{display:inline-block;color:#000}@media only screen and (max-width: 850px){#align{width:90%}#right{margin-right: 5vw}}@media only screen and (max-width: 700px){#logo{margin-top:50px}#align{display:block}#right{display:block}hr{display:block;height:1px;width:500px}h1{margin-bottom:30px}#work{margin-bottom:30px}}