@import"https://fonts.googleapis.com/css?family=Ubuntu:700|Roboto:300";.container .header h1{font-family:Ubuntu,sans-serif}.container .pagelist,.container .subheader{font-family:Roboto,sans-serif}html{touch-action:manipulation}body{margin:0;background-color:#323232;overflow-x:hidden;min-height:100vh}.container{display:flex;min-height:100vh}@media only screen and (max-device-width: 769px){.container{flex-direction:column}}.container .pinkbeton{display:flex;min-height:100vh;flex-direction:column}@media only screen and (max-device-width: 1025px){.container .pinkbeton{padding:10vh 0}}.container .pink{min-width:300px;width:25%;min-height:100vh;object-fit:cover;object-position:center}@media only screen and (max-device-width: 769px){.container .pink{min-width:100%;width:100%;min-height:0px;height:50vh}}.container .header{user-select:none;display:flex;align-items:flex-start;justify-content:flex-start}.container .header h1{margin:0;margin-bottom:2vmin;margin-top:3vmin;padding:1vmin 2vmin;font-size:6vmin;text-transform:capitalize;letter-spacing:0vmin;color:#dfc2ff}@media only screen and (max-device-width: 1025px){.container .header h1{font-size:5vmin;height:2vmin;margin-top:0%}}@media only screen and (max-device-width: 769px){.container .header h1{font-size:12vmin;height:10vmin;margin-top:10%;padding:2vmin 4vmin}}@media (hover: hover){.container .header h1:hover{background-color:#dfc2ff;color:#000}}.container .subheader{font-size:1.75vmin;margin-bottom:5vmin;padding-left:3vmin;padding-right:3vmin;display:flex;letter-spacing:1px;flex-direction:column;align-items:flex-start;justify-content:flex-start;color:#fff}.container .subheader p{margin:0}.container .subheader.secondary{color:gray}.container .subheader.primary{color:#dfc2ff}@media only screen and (max-device-width: 1025px){.container .subheader{font-size:2.5vmin;margin-top:2vmin;margin-bottom:4vmin}}@media only screen and (max-device-width: 769px){.container .subheader{font-size:4vmin;padding-left:6vmin}}.container .pagelist{user-select:none;font-size:1.75vmin;margin-bottom:5vmin;padding-left:3vmin;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;color:#fff}@media only screen and (max-device-width: 1025px){.container .pagelist{font-size:2.5vmin}}@media only screen and (max-device-width: 769px){.container .pagelist{font-size:4vmin;margin:50vh 0}}.container .pagelist ul{margin:0;padding:0;list-style:none}.container .pagelist ul li{margin-bottom:.2vmin}@media only screen and (max-device-width: 1025px){.container .pagelist ul li{margin-bottom:1vmin}}@media only screen and (max-device-width: 769px){.container .pagelist ul li{margin-bottom:5vmin}}.container .pagelist ul li a{text-decoration:none;color:#dfc2ff;padding:.5vmin 1vmin;margin:0 -1vmin;border-radius:.25vmin}@media (hover: hover){.container .pagelist ul li a:hover{background-color:#dfc2ff;color:#000}}.container .pagelist ul li span{margin:0 1vmin}@media only screen and (max-device-width: 769px){.container .pagelist ul li span{display:block}}.container .preview{position:absolute;right:0;top:50%;width:50vw;height:50vh;border:.1vmin solid rgba(255,255,255,.5);transform:translateY(-50%);color:#fff;opacity:.8}@media only screen and (max-device-width: 1025px){.container .preview{display:none}}.container .preview img{height:100%;width:100%;object-position:center;object-fit:cover}