-
Notifications
You must be signed in to change notification settings - Fork 0
/
styles.532f2a04.css.map
1 lines (1 loc) · 2.76 KB
/
styles.532f2a04.css.map
1
{"version":3,"sources":["styles.css"],"names":[],"mappings":"AAAA,MAEE,kBAA2B,CAC3B,YAAqB,CACrB,gBAAiB,CACjB,gBAA4B,CAG5B,WAAY,CACZ,WACF,CAEA,KACE,qBAAsB,CACtB,uBACF,CAYA,SACE,iBAAkB,CAClB,qBACF,CAEA,QACE,iBAAkB,CAClB,YAAa,CAIb,0BAA2B,CAC3B,YAAa,CACb,YAAa,CACb,gBAAiB,CACjB,eACF,CAEA,gBAVE,iBAkBF,CARA,QAEE,eAAgB,CAChB,gBAAiB,CACjB,YAAa,CACb,aAAc,CACd,iBAAkB,CAClB,wBACF,CAGA,QACE,0BAA2B,CAC3B,cAAe,CACf,gBAAiB,CACjB,iBAAkB,CAClB,gCACF,CAEA,OACE,wBAAyB,CACzB,UAAY,CACZ,WAAa,CACb,iBAAkB,CAGlB,+RAIsC,CACtC,iBACF,CAEA,YAEE,kBAAmB,CACnB,uBAAwB,CACxB,kCAAmC,CAEnC,qCACF,CAEA,wBARE,SAAU,CAIV,mCAWF,CAPA,YAEE,WAAY,CACZ,iBAAkB,CAClB,kCAAmC,CAEnC,qCACF","file":"styles.532f2a04.css","sourceRoot":"..","sourcesContent":[":root {\n /*Color Variables to be used*/\n --darkBlue: rgb(18, 20, 51);\n --black: rgb(0, 0, 0);\n --yellow: #ffdc95;\n --silver: rgb(199, 199, 199);\n\n /*Intial x and y positions for mountain01*/\n --xPos: -50%;\n --yPos: 65vh;\n}\n\nbody {\n font-family: monospace;\n background-color: silver;\n}\n\nh1 {\n text-align: center;\n color: var(--darkBlue);\n}\n\nh2 {\n text-align: center;\n color: var(--darkBlue);\n}\n\nh3 {\n text-align: center;\n color: var(--darkBlue);\n}\n\n#canvas {\n position: relative;\n display: flex;\n align-self: center;\n /*justify-content: center;*/\n /*align-items: center;*/\n background: var(--darkBlue);\n width: 98.5vw;\n height: 100vh;\n border-radius: 1%;\n overflow: hidden;\n}\n/*This circle is the Moon itself*/\n.circle {\n align-self: center;\n margin-left: 3vw;\n margin-top: -55vh;\n width: 35vmin;\n height: 35vmin;\n border-radius: 50%;\n background: var(--yellow);\n}\n/*This is the shadow of the moon, it\nuses a clip path*/\n.shadow {\n background: var(--darkBlue);\n width: 40.5vmin;\n height: 35.55vmin;\n border-radius: 40%;\n clip-path: circle(50% at 10% 50%);\n}\n\n.stars {\n background: var(--yellow);\n width: 0.1vw;\n height: 0.1vh;\n position: absolute;\n /*Each individual box-shadow is a star*/\n /*Still need to add more stars*/\n box-shadow: 80vw 10vh 0.1vw 0.65vw var(--yellow),\n 60vw 20vh 0.2vw 0.45vw var(--yellow), 38vw 43vh 0.4vw 0.3vw var(--yellow),\n 43vw 5vh 0.3vw 0.3vw var(--yellow), 7vw 50vh 0.2vw 0.7vw var(--yellow),\n 93vw 60vh 0.4vw 0.25vw var(--yellow), 74.5vw 40vh 0.1vw 0.35vw var(--yellow),\n 62vw 63vh 0.2vw 0.15vw var(--yellow);\n border-radius: 50%;\n}\n\n.mountain01 {\n width: 1vw;\n height: var(--yPos);\n margin-left: var(--xPos);\n border-left: 40vw solid transparent;\n border-right: 60vw solid transparent;\n border-bottom: 37vh solid var(--black);\n}\n\n.mountain02 {\n width: 1vw;\n height: 75vh;\n margin-left: -45vw;\n border-left: 30vw solid transparent;\n border-right: 60vw solid transparent;\n border-bottom: 27vh solid var(--black);\n}\n"]}