{"version":3,"sourceRoot":"","sources":["../../_sass/main.scss"],"names":[],"mappings":";AASA;EACE;;;AAEF;EACE;EACA;EACA,aAZc;EAad;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA,kBAtBmB;EAuBnB;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA,OAxCQ;;;AA2CV;AAAA;AAAA;EAGE,OA9CQ;;;AAiDV;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE,OA3DQ;;AA4DR;EACE,OA7DM;;AA+DR;EACE,kBA5DiB;EA6DjB,OAhEM;EAiEN;;;AAIJ;EACE;EACA;EACA;EACA,kBArEmB;;AAsEnB;EACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBAvFmB;EAwFnB;EACA;EACA;;AACA;EACE;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACI;;;AAGJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA","sourcesContent":["$color_1: midnightblue;\r\n$color_2: darkblue;\r\n$color_3: aliceblue;\r\n$font-family_1: serif;\r\n$background-color_1: lightskyblue;\r\n$background-color_2: darkblue;\r\n$background-color_3: aliceblue;\r\n$background-color_4: skyblue;\r\n\r\nhtml {\r\n  background: url(\"/assets/images/water028.gif\");\r\n}\r\nbody {\r\n  position: relative;\r\n  top: 2em;\r\n  font-family: $font-family_1;\r\n  max-width: 1140px;\r\n  margin: auto;\r\n}\r\nheader {\r\n  margin-bottom: 1em;\r\n}\r\nnav {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background-color: $background-color_1;\r\n  background: url(\"/assets/images/oceanbubbles.gif\");\r\n  border: 1px solid midnightblue;\r\n  ul {\r\n    display: inherit;\r\n    align-items: inherit;\r\n    gap: 1em;\r\n    list-style: none;\r\n    padding: 0;\r\n  }\r\n}\r\nh1 {\r\n  text-align: center;\r\n  font-variant: small-caps;\r\n  color: $color_1;\r\n}\r\n\r\nh2,\r\nh3,\r\nh4 {\r\n  color: $color_1;\r\n}\r\n\r\nh4 {\r\n  margin-bottom: 0.5em;\r\n}\r\n\r\np,\r\nem,\r\nstrong {\r\n  font-size: 18px;\r\n}\r\n\r\na {\r\n  color: $color_2;\r\n  &:visited {\r\n    color: $color_2;\r\n  }\r\n  &:hover {\r\n    background-color: $background-color_2;\r\n    color: $color_3;\r\n    text-decoration: none;\r\n  }\r\n}\r\n\r\nsection {\r\n  border: 1px solid midnightblue;\r\n  padding: 1em;\r\n  max-width: 960px;\r\n  background-color: $background-color_3;\r\n  ul {\r\n    list-style-type: \"∿ \";\r\n  }\r\n}\r\n\r\nfooter {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 2em;\r\n}\r\n\r\n#mainDiv {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  max-width: 1140px;\r\n  margin: auto;\r\n  background-color: $background-color_4;\r\n  border: 1px solid midnightblue;\r\n  padding: 1em;\r\n  gap: 1em;\r\n  div {\r\n    display: inherit;\r\n    margin: auto;\r\n    max-width: 960px;\r\n  }\r\n}\r\n\r\n#titleSection {\r\n  text-align: center;\r\n}\r\n\r\n#backBtn {\r\n  align-items: flex-start;\r\n}\r\n\r\n#blogDesc {\r\n  max-width: 300px;\r\n}\r\n\r\n.statsSection a:hover {\r\n    background-color: transparent;\r\n}\r\n\r\n#statuscafe {\r\n  padding: 0.5em;\r\n  background-color: azure;\r\n  border: 1px dotted midnightblue;\r\n  margin-bottom: 1em !important;\r\n}\r\n\r\n#statuscafe-username {\r\n  margin-bottom: 0.5em;\r\n}\r\n\r\n#statuscafe-content {\r\n  margin: 0 1em 0.5em 1em;\r\n}\r\n\r\n#widgetText {\r\n  font-size: 15px;\r\n  width: 20em;\r\n  height: 8em;\r\n}\r\n"],"file":"styles.css"}