@font-face {
    font-family: 'Ari-W9500 Bold';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(https://design.penpot.app/assets/by-id/6a71fa99-2efc-4678-ba56-76f84120365d) format('woff');
  }
@font-face {
    font-family: 'W95FA';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(https://design.penpot.app/assets/by-id/8eb67ebd-9299-4d36-a7aa-10a6a84cd584) format('woff');
  }

html, body {
  margin: 0;
  min-height: 100%;
  min-width: 100%;
  padding: 0;
}

body {
  position: relative;
  left: 1500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  min-height: 100vh;
  overflow: visible;
  background: #f2f5ff;
}

* {
  box-sizing: border-box;
}

svg text {
  font-family: Arial, sans-serif !important;
}


.text-node { background-clip: text !important; -webkit-background-clip: text !important; }

/* Images */
.images-dd4f4d9f1f2c > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(-32px,-32px);
}
.images-dd4f4d9f1f2c {
  position: absolute;
  left: -869px;
  top: 679px;
  width: 320px;
  height: 49px;
}
.images-dd4f4d9f1f2c .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: center;
}
.images-dd4f4d9f1f2c .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  min-width: 100%;
  margin-right: 1px;
  vertical-align: top;
}
.images-dd4f4d9f1f2c .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: left;
}
.images-dd4f4d9f1f2c .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(0, 0, 0, 1);
  text-transform: unset;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 24px;
  text-rendering: geometricPrecision;
  caret-color: rgba(0, 0, 0, 1);
  text-decoration: none;
  letter-spacing: 0px;
  font-family: "Ari-W9500 Bold";
  font-style: normal;
  font-weight: 400;
}

/* Configuration */
.configurat-dd4f3a627e98 > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(-32px,-32px);
}
.configurat-dd4f3a627e98 {
  position: absolute;
  left: -870px;
  top: 608px;
  width: 320px;
  height: 49px;
}
.configurat-dd4f3a627e98 .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: center;
}
.configurat-dd4f3a627e98 .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  min-width: 100%;
  margin-right: 1px;
  vertical-align: top;
}
.configurat-dd4f3a627e98 .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: left;
}
.configurat-dd4f3a627e98 .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(0, 0, 0, 1);
  text-transform: unset;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 24px;
  text-rendering: geometricPrecision;
  caret-color: rgba(0, 0, 0, 1);
  text-decoration: none;
  letter-spacing: 0px;
  font-family: "Ari-W9500 Bold";
  font-style: normal;
  font-weight: 400;
}

/* Goose.html */
.goosehtml-dd50316491ae > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(-32px,-32px);
}
.goosehtml-dd50316491ae {
  position: absolute;
  left: -1340px;
  top: 403px;
  width: 320px;
  height: 49px;
}
.goosehtml-dd50316491ae .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: center;
}
.goosehtml-dd50316491ae .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  min-width: 100%;
  margin-right: 1px;
  vertical-align: top;
}
.goosehtml-dd50316491ae .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: left;
}
.goosehtml-dd50316491ae .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(19, 255, 0, 1);
  text-transform: unset;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 24px;
  text-rendering: geometricPrecision;
  caret-color: rgba(19, 255, 0, 1);
  text-decoration: none;
  letter-spacing: 0px;
  font-family: "Ari-W9500 Bold";
  font-style: normal;
  font-weight: 400;
}

/* My Files */
.my-files-dd4ed89cd368 > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(-32.000000000000114px,-32px);
}
.my-files-dd4ed89cd368 {
  position: absolute;
  left: -871px;
  top: 538px;
  width: 320px;
  height: 49px;
}
.my-files-dd4ed89cd368 .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: center;
}
.my-files-dd4ed89cd368 .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  min-width: 100%;
  margin-right: 1px;
  vertical-align: top;
}
.my-files-dd4ed89cd368 .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: left;
}
.my-files-dd4ed89cd368 .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(0, 0, 0, 1);
  text-transform: unset;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 24px;
  text-rendering: geometricPrecision;
  caret-color: rgba(0, 0, 0, 1);
  text-decoration: none;
  letter-spacing: 0px;
  font-family: "Ari-W9500 Bold";
  font-style: normal;
  font-weight: 400;
}

/* Test run, how much can I do?

What does someone when they get a day free? Well of course they create a Windows XP styled UI for a website! What else could they possibly do? */
.test-run-dd4c7f4ca388 > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(-32px,-32px);
}
.test-run-dd4c7f4ca388 {
  position: absolute;
  left: -1409px;
  top: 557px;
  width: 371px;
  height: 307px;
}
.test-run-dd4c7f4ca388 .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: flex-start;
}
.test-run-dd4c7f4ca388 .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  min-width: 100%;
  margin-right: 1px;
  vertical-align: top;
}
.test-run-dd4c7f4ca388 .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: left;
}
.test-run-dd4c7f4ca388 .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(0, 0, 0, 1);
  text-transform: unset;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 24px;
  text-rendering: geometricPrecision;
  caret-color: rgba(0, 0, 0, 1);
  text-decoration: none;
  letter-spacing: 0px;
  font-family: "Ari-W9500 Bold";
  font-style: normal;
  font-weight: 400;
}
.test-run-dd4c7f4ca388 .root-0-paragraph-set-0-paragraph-1 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: left;
}
.test-run-dd4c7f4ca388 .root-0-paragraph-set-0-paragraph-1-text-0 {
  color: rgba(0, 0, 0, 1);
  text-transform: unset;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 8px;
  text-rendering: geometricPrecision;
  caret-color: rgba(0, 0, 0, 1);
  text-decoration: none;
  letter-spacing: 0px;
  font-family: "W95FA";
  font-style: normal;
  font-weight: 400;
}
.test-run-dd4c7f4ca388 .root-0-paragraph-set-0-paragraph-2 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: left;
}
.test-run-dd4c7f4ca388 .root-0-paragraph-set-0-paragraph-2-text-0 {
  color: rgba(0, 0, 0, 1);
  text-transform: unset;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 18px;
  text-rendering: geometricPrecision;
  caret-color: rgba(0, 0, 0, 1);
  text-decoration: none;
  letter-spacing: 0px;
  font-family: "W95FA";
  font-style: normal;
  font-weight: 400;
}

/* Rectangle */
.rectangle-dd49f428874a {
  position: absolute;
  left: -664px;
  top: 415px;
  width: 29px;
  height: 29px;
  background: #383838FF;
  border-start-start-radius: 50px;
  border-start-end-radius: 50px;
  border-end-start-radius: 50px;
  border-end-end-radius: 50px;
  box-shadow: 0.5px 1px 2px 0px #ffffffFF, -1px -1.5px 2px 0px #3c3c3cFF, inset 1px 1.5px 2px 0px #000000FF, inset -1px -1.5px 2px 0px #d5d5d533;
}

/* Rectangle */
.rectangle-dd49ee15d247 {
  position: absolute;
  left: -627px;
  top: 415px;
  width: 29px;
  height: 29px;
  background: #383838FF;
  border-start-start-radius: 50px;
  border-start-end-radius: 50px;
  border-end-start-radius: 50px;
  border-end-end-radius: 50px;
  box-shadow: 0.5px 1px 2px 0px #ffffffFF, -1px -1.5px 2px 0px #3c3c3cFF, inset 1px 1.5px 2px 0px #000000FF, inset -1px -1.5px 2px 0px #d5d5d533;
}

/* Rectangle */
.rectangle-dd48bca06b55 {
  position: absolute;
  left: -590px;
  top: 415px;
  width: 29px;
  height: 29px;
  background: #383838FF;
  border-start-start-radius: 50px;
  border-start-end-radius: 50px;
  border-end-start-radius: 50px;
  border-end-end-radius: 50px;
  box-shadow: 0.5px 1px 2px 0px #ffffffFF, -1px -1.5px 2px 0px #3c3c3cFF, inset 1px 1.5px 2px 0px #000000FF, inset -1px -1.5px 2px 0px #d5d5d533;
}

/* Rectangle */
.rectangle-dd468a72f65c {
  position: absolute;
  left: -1428px;
  top: 403px;
  width: 50px;
  height: 49px;
  background: #000000FF;
  border-start-start-radius: 50px;
  border-start-end-radius: 50px;
  border-end-start-radius: 50px;
  border-end-end-radius: 50px;
  box-shadow: -2px -2px 4px 0px #131c3cFF, 3px 3px 3px 0px #b6c2e366;
}

/* Rectangle */
.rectangle-dd4e4bcbb96f > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(-30px,-30px);
}
.rectangle-dd4e4bcbb96f {
  position: absolute;
  left: -913px;
  top: 899px;
  width: 364px;
  height: 0.01px;
}

/* Rectangle */
.rectangle-dd4da64bfab3 > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(-32.5px,-30px);
}
.rectangle-dd4da64bfab3 {
  position: absolute;
  left: -1430px;
  top: 527px;
  width: 880px;
  height: 0.01px;
}

/* Rectangle */
.rectangle-dd465679fef1 {
  position: absolute;
  left: -1364px;
  top: 403px;
  width: 651px;
  height: 49px;
  background: #000000FF;
  border-start-start-radius: 50px;
  border-start-end-radius: 50px;
  border-end-start-radius: 50px;
  border-end-end-radius: 50px;
  box-shadow: -2px -2px 4px 0px #131c3cFF, 3px 3px 3px 0px #b6c2e366;
}

/* Rectangle */
.rectangle-dd46a171275c {
  position: absolute;
  left: -1428px;
  top: 538px;
  width: 498px;
  height: 423px;
  background: #f2f5ffFF;
  border: 0.5px solid #000000FF;
  border-start-start-radius: 7px;
  border-start-end-radius: 7px;
  border-end-start-radius: 7px;
  border-end-end-radius: 7px;
  box-shadow: inset 4px 4px 5px 0px #3765e3B3, inset -4px -4px 5px 0px #3765e3B3, -2px -2px 4px 0px #131c3cFF, 2px 2px 2px 0px #b6c2e366;
}

/* Rectangle */
.rectangle-dd47ec7be0bd {
  position: absolute;
  left: -675px;
  top: 403px;
  width: 126px;
  height: 49px;
  background: linear-gradient(to bottom, rgba(188, 188, 188, 1) 0%,rgba(255, 255, 255, 1) 14.000000000000002%,rgba(255, 255, 255, 1) 42%,rgba(217, 217, 217, 1) 62%,rgba(146, 146, 146, 1) 88%);
  border: 1px solid #000000FF;
  border-start-start-radius: 3px;
  border-start-end-radius: 3px;
  border-end-start-radius: 3px;
  border-end-end-radius: 3px;
  box-shadow: inset 2px 2px 3px 0px #b6c2e380, inset 0px -3px 5px 0px #0f1730FF, -2px -2px 4px 0px #131c3cFF, 1px 1px 3px 0px #b6c2e333;
}

/* Rectangle */
.rectangle-dd4c3e7bd2de {
  position: absolute;
  left: -733px;
  top: 930px;
  width: 184px;
  height: 46px;
  background: linear-gradient(to bottom, rgba(188, 188, 188, 1) 0%,rgba(255, 255, 255, 1) 14.000000000000002%,rgba(255, 255, 255, 1) 42%,rgba(217, 217, 217, 1) 62%,rgba(146, 146, 146, 1) 88%);
  border: 2px solid #000000FF;
  border-start-start-radius: 7px;
  border-start-end-radius: 7px;
  border-end-start-radius: 7px;
  border-end-end-radius: 7px;
  box-shadow: inset 4px 4px 3px 0px #b6c2e380, inset -4px -4px 5px 0px #0f1730FF, -2px -2px 4px 0px #131c3cFF, 2px 2px 2px 0px #b6c2e366;
}

/* Rectangle */
.rectangle-dd47d0c888ca {
  position: absolute;
  left: -1356px;
  top: 487px;
  width: 98px;
  height: 31px;
  background: linear-gradient(to bottom, rgba(188, 188, 188, 1) 0%,rgba(255, 255, 255, 1) 14.000000000000002%,rgba(255, 255, 255, 1) 42%,rgba(217, 217, 217, 1) 62%,rgba(146, 146, 146, 1) 88%);
  border: 2px solid #000000FF;
  border-start-start-radius: 7px;
  border-start-end-radius: 7px;
  border-end-start-radius: 7px;
  border-end-end-radius: 7px;
  box-shadow: inset 4px 4px 3px 0px #b6c2e380, inset -4px -4px 5px 0px #0f1730FF, -2px -2px 4px 0px #131c3cFF, 2px 2px 2px 0px #b6c2e366;
}

/* Rectangle */
.rectangle-dd471f49dd80 {
  position: absolute;
  left: -1430px;
  top: 487px;
  width: 66px;
  height: 31px;
  background: linear-gradient(to bottom, rgba(188, 188, 188, 1) 0%,rgba(255, 255, 255, 1) 14.000000000000002%,rgba(255, 255, 255, 1) 42%,rgba(217, 217, 217, 1) 62%,rgba(146, 146, 146, 1) 88%);
  border: 2px solid #000000FF;
  border-start-start-radius: 7px;
  border-start-end-radius: 7px;
  border-end-start-radius: 7px;
  border-end-end-radius: 7px;
  box-shadow: inset 4px 4px 3px 0px #b6c2e380, inset -3px -3px 5px 0px #383838FF, -2px -2px 4px 0px #131c3cFF, 2px 2px 2px 0px #b6c2e366;
}

/* Movies */
.movies-dd4f72b5c2e4 > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(-32px,-32px);
}
.movies-dd4f72b5c2e4 {
  position: absolute;
  left: -870px;
  top: 820px;
  width: 320px;
  height: 49px;
}
.movies-dd4f72b5c2e4 .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: center;
}
.movies-dd4f72b5c2e4 .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  min-width: 100%;
  margin-right: 1px;
  vertical-align: top;
}
.movies-dd4f72b5c2e4 .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: left;
}
.movies-dd4f72b5c2e4 .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(0, 0, 0, 1);
  text-transform: unset;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 24px;
  text-rendering: geometricPrecision;
  caret-color: rgba(0, 0, 0, 1);
  text-decoration: none;
  letter-spacing: 0px;
  font-family: "Ari-W9500 Bold";
  font-style: normal;
  font-weight: 400;
}

/* Music */
.music-dd4f684ebbc8 > svg {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(-32px,-32px);
}
.music-dd4f684ebbc8 {
  position: absolute;
  left: -870px;
  top: 750px;
  width: 320px;
  height: 49px;
}
.music-dd4f684ebbc8 .root-0 {
  
  
  display: flex;
  white-space: break-spaces;
  align-items: center;
}
.music-dd4f684ebbc8 .root-0-paragraph-set-0 {
  display: inline-flex;
  flex-direction: column;
  justify-content: inherit;
  min-width: 100%;
  margin-right: 1px;
  vertical-align: top;
}
.music-dd4f684ebbc8 .root-0-paragraph-set-0-paragraph-0 {
  font-size: 0;
  line-height: 1.2;
  margin: 0;
  text-align: left;
}
.music-dd4f684ebbc8 .root-0-paragraph-set-0-paragraph-0-text-0 {
  color: rgba(0, 0, 0, 1);
  text-transform: unset;
  
  line-break: auto;
  overflow-wrap: initial;
  white-space: break-spaces;
  font-size: 24px;
  text-rendering: geometricPrecision;
  caret-color: rgba(0, 0, 0, 1);
  text-decoration: none;
  letter-spacing: 0px;
  font-family: "Ari-W9500 Bold";
  font-style: normal;
  font-weight: 400;
}

/* Rectangle */
.rectangle-dd4d626572c8 {
  position: absolute;
  left: -913px;
  top: 609px;
  width: 362px;
  height: 49px;
  background: #a1b6faFF;
  border-start-start-radius: 10px;
  border-start-end-radius: 10px;
  border-end-start-radius: 10px;
  border-end-end-radius: 10px;
  box-shadow: inset 4px 4px 3px 0.5px #0f17308C, inset -4px -4px 3px 0px #b6c2e3E6, -2px -2px 4px 0px #131c3cB3, 2px 2px 2px 0px #b6c2e366;
}

/* Rectangle */
.rectangle-dd44fec0cb8c {
  position: absolute;
  left: -1442px;
  top: 424px;
  width: 903px;
  height: 565px;
  background: linear-gradient(to bottom, rgba(65, 92, 185, 1) 0%,rgba(58, 85, 176, 1) 48%,rgba(34, 55, 131, 1) 100%);
  border: 0.7px solid #000000FF;
  border-start-start-radius: 7px;
  border-start-end-radius: 7px;
  border-end-start-radius: 7px;
  border-end-end-radius: 7px;
  box-shadow: inset 4px 4px 3px 0px #b6c2e380, inset -4px -4px 5px 0px #0f1730FF, -2px -2px 4px 0px #131c3cFF, 2px 2px 2px 0px #b6c2e366;
}

/* Rectangle */
.rectangle-dd42dd63e6ad {
  position: absolute;
  left: -1456px;
  top: 390px;
  width: 931px;
  height: 620px;
  background: linear-gradient(to bottom, rgba(47, 68, 157, 1) 0%,rgba(19, 36, 97, 1) 100%);
  border: 1.5px solid #000000FF;
  border-start-start-radius: 10px;
  border-start-end-radius: 10px;
  border-end-start-radius: 10px;
  border-end-end-radius: 10px;
  box-shadow: inset 4px 4px 4px 0px #b6c2e39B, inset -4px -4px 5px 0px #0f1730FF;
}