:root{--IrishGreen:rgb(17,54,32);--LavaOrange:rgb(191,39,10);--SpeedyYellow:rgb(217,165,0);--GuardsRed:rgb(170,0,0);--ModeGrau:rgb(135,137,134);--RivieraBlue:rgb(0,127,186);--RubyStar:rgb(123,5,69);--MintGruen:rgb(110,206,178);--TitleColour:rgb(20,20,20)}.IrishGreen{background-color:var(--IrishGreen)}.LavaOrange{background-color:var(--LavaOrange)}.SpeedyYellow{background-color:var(--SpeedyYellow)}.GuardsRed{background-color:var(--GuardsRed)}.ModeGrau{background-color:var(--ModeGrau)}.RivieraBlue{background-color:var(--RivieraBlue)}.RubyStar{background-color:var(--RubyStar)}.MintGruen{background-color:var(--MintGruen)}@font-face{font-family:'PorscheNext';src:url(PorscheNext-Bold.woff2) format('woff2'),url(PorscheNext-Bold.woff) format('woff');font-weight:700;font-style:normal}@font-face{font-family:'PorscheNext';src:url(PorscheNext-BoldItalic.woff2) format('woff2'),url(PorscheNext-BoldItalic.woff) format('woff');font-weight:700;font-style:italic}@font-face{font-family:'PorscheNext';src:url(PorscheNext-Italic.woff2) format('woff2'),url(PorscheNext-Italic.woff) format('woff');font-weight:400;font-style:italic}@font-face{font-family:'PorscheNext';src:url(PorscheNext-Regular.woff2) format('woff2'),url(PorscheNext-Regular.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:'PorscheNext';src:url(PorscheNext-Thin.woff2) format('woff2'),url(PorscheNext-Thin.woff) format('woff');font-weight:200;font-style:normal}@font-face{font-family:'PorscheNext';src:url(PorscheNext-ThinItalic.woff2) format('woff2'),url(PorscheNext-ThinItalic.woff) format('woff');font-weight:200;font-style:italic}body,input,button,textarea,select,option{font-family:'PorscheNext',sans-serif;line-height:5vh}body,html{margin:0;padding:0;height:100%;width:100%}.page{display:none;justify-content:center;align-items:center;height:100%;width:100%}#app{position:relative;width:100vw;height:100vh;overflow:hidden}.logoLarge60{height:60%;width:auto}.logoLarge75{height:75%;width:auto}.titleBold{font-size:3vw;font-weight:700;color:var(--TitleColour)}.titleBoldSmall{font-size:1vw;font-weight:700;color:var(--TitleColour)}.titleLight{font-size:2.5vw;font-weight:200;color:var(--TitleColour)}.titleFour{font-size:2vw;font-weight:300;color:var(--TitleColour);margin-bottom:20px;margin-top:20px}.touchBold{font-size:1.5vw;font-weight:700;color:var(--TitleColour);margin-bottom:5%;margin-top:5%}.margin-top-5{margin-top:5%}.margin-top-10{margin-top:10%}.margin-bottom-5{margin-bottom:5%}.margin-bottom-10{margin-bottom:10%}.nowrap{white-space:nowrap}#brushSizeIcons{position:absolute;top:50%;left:3%;z-index:3;cursor:hand;display:flex;justify-content:center;align-items:center;flex-direction:column}.brush-size-icon{background-color:var(--IrishGreen);border-radius:50%;border:2px solid var(--IrishGreen);margin-bottom:30px;cursor:pointer}.brush-size-icon[data-size="100"]{background-color:#000;width:2vw;height:2vw}.brush-size-icon[data-size="75"]{background-color:#000;width:1.5vw;height:1.5vw}.brush-size-icon[data-size="50"]{background-color:#000;width:1vw;height:1vw}.brush-size-icon[data-size="25"]{background-color:#000;width:.5vw;height:.5vw}.brush-size-icon[data-size="10"]{background-color:#000;width:.2vw;height:.2vw}#colorButtons{position:absolute;z-index:4;bottom:0;width:100%;flex-grow:0;flex-shrink:0;height:7.5%;max-height:110px;display:flex;justify-content:space-evenly}.colour-button{flex:1;border:none;display:flex}#introPage{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center}.shimmer{text-align:center;color:rgba(255,255,255,.1);background:-webkit-gradient(linear,left top,right top,from(#222),to(#222),color-stop(.5,#fff));background:-moz-gradient(linear,left top,right top,from(#222),to(#222),color-stop(.5,#fff));background:gradient(linear,left top,right top,from(#222),to(#222),color-stop(.5,#fff));-webkit-background-size:125px 100%;-moz-background-size:125px 100%;background-size:125px 100%;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;-webkit-animation-name:shimmer;-moz-animation-name:shimmer;animation-name:shimmer;-webkit-animation-duration:10s;-moz-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;background-repeat:no-repeat;background-position:0 0;background-color:#222}@-moz-keyframes shimmer{0%{background-position:top left}100%{background-position:top right}}@-webkit-keyframes shimmer{0%{background-position:top left}100%{background-position:top right}}@-o-keyframes shimmer{0%{background-position:top left}100%{background-position:top right}}@keyframes shimmer{0%{background-position:top left}100%{background-position:top right}}#introPage{display:flex}#coloursPageLogo{margin-top:2vh;margin-bottom:5vh}#coloursBlock{position:relative;width:80%;height:auto;margin-top:10vh}#coloursPage{justify-content:space-between}.column__left66{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;flex:2}.column__right33{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;flex:1}.car-button{width:40%;height:auto}#drawingCanvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto;z-index:1}#maskImage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto;z-index:2;pointer-events:none}#backButton{position:absolute;top:3%;left:80%;width:14%;height:auto;z-index:4;cursor:hand}#dreamText{position:absolute;top:15%;left:10%;z-index:3;font-size:4vh;color:var(--TitleColour)}#sharingText{position:absolute;top:85%;left:50%;transform:translateX(-50%);z-index:3;font-size:4vh;color:var(--TitleColour);text-align:center}#resetButton,#downloadButton{position:absolute;z-index:3;background-color:transparent;border:none;cursor:pointer;padding:0;width:3vw}#resetButton img,#downloadButton img{width:100%;height:auto}#resetButton{top:60px;left:60px}#downloadButton{top:60px;right:60px}.modal{display:none;position:fixed;z-index:50;padding-top:33vh;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.modal-content{box-shadow:5px 5px 15px rgba(0,0,0,.3);background-color:#fefefe;margin:auto;padding:1.5vw;border:1px solid #888;border-radius:2vw;width:25vw;display:flex;align-items:center}.saveLogo{height:20vh;margin-right:20px}.saveLabel{font-size:2.5vh;color:var(--TitleColour)}.form{display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:100%}.form input{border:2px solid #000;border-radius:2vw;padding:10px;padding-left:20px;margin-bottom:10px;box-sizing:border-box;width:100%;font-size:2vh}.nameForm{width:100%}.form #saveBtn{background-color:var(--RivieraBlue);color:#fff;border:none;border-radius:2vw;padding:10px;font-size:2vh;cursor:pointer;margin-bottom:10px;width:100%}.form #cancelBtn{color:grey;background:none;border:none;font-size:1.5vh;cursor:pointer;width:100%}