hugos-lieblingsflugzeuge/static/css/main.241b79e6.chunk.css.map

{"version":3,"sources":["webpack://src/app.css","webpack://src/template.css"],"names":[],"mappings":"AAAA,KACI,QAAS,CACT,mJAEU,CACV,kCAAmC,CACnC,iCAAkC,CAElC,wBAAyB,CACzB,UACJ,CAEA,QACI,YAAa,CACb,6BAA8B,CAC9B,mCAEJ,CAEA,KACI,cACJ,CAEA,OACI,oBACJ,CAEA,WACI,YACJ,CC7BA,MACI,mBAA+B,CAC/B,yBACJ,CAEA,OACI,gBACJ,CAEA,UACI,eAAgB,CAChB,iBACJ,CAGA,IACI,oBAAqB,CAGrB,gBAAiB,CACjB,wBAAkC,CAAlC,iCAAkC,CAClC,UAAW,CAEX,cAAe,CACf,KAAM,CACN,WACJ,CAGA,WAZI,QAAS,CACT,SAeJ,CAGA,iBANI,WAkBJ,CAZA,UACI,UAAW,CACX,2BAA4B,CAE5B,SAAU,CACV,iBAAkB,CAClB,oBAAqB,CAErB,eAAgB,CAChB,wBAAkC,CAAlC,iCAAkC,CAClC,cAAe,CACf,WACJ,CAGA,gBACI,wBAA0B,CAC1B,aAA6B,CAA7B,4BAA6B,CAC7B,uBACJ,CAGA,iBACI,aAAc,CACd,iBAAkB,CAClB,UAAY,CACZ,UAAW,CACX,WAAY,CACZ,wBAAkC,CAAlC,iCAAkC,CAClC,WAAY,CACZ,cACJ,CAGA,uBACI,SACJ,CAGA,uBACI,wBAAwC,CAAxC,uCACJ,CAGA,cACI,YAAa,CACb,wBAAkC,CAAlC,iCAAkC,CAClC,SAAU,CACV,UACJ,CAGA,oBACI,aACJ,CAGA,qBACI,aACJ","file":"main.241b79e6.chunk.css","sourcesContent":["body {\n    margin: 0;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n\n    background-color: #282c34;\n    color: white;\n}\n\n#parent {\n    display: grid;\n    grid-template-rows: 150px auto;\n    grid-template-areas: \"header\"\n                        \"main\";\n}\n\nmain {\n    grid-area: main;\n}\n\n.model {\n    display: inline-block;\n}\n\n.model img {\n    height: 200px;\n}",":root {\r\n    --nav-color: rgb(176, 194, 206);\r\n    --nav-hover-color: darkgrey;\r\n}\r\n\r\nheader {\r\n    grid-area: header;\r\n}\r\n\r\nheader h1 {\r\n    margin-top: 50px;\r\n    text-align: center;\r\n}\r\n\r\n/*Navigation*/\r\nnav {\r\n    list-style-type: none;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: visible;\r\n    background-color: var(--nav-color);\r\n    width: 100%;\r\n\r\n    position: fixed;\r\n    top: 0;\r\n    height: 50px;\r\n}\r\n\r\n/*main ul*/\r\nnav ul {\r\n    height: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/*nav li item*/\r\nnav ul li {\r\n    float: left;\r\n    border-right: 1px solid gray;\r\n    height: 100%;\r\n    width: 15%;\r\n    position: relative;\r\n    display: inline-block;\r\n\r\n    font-size: 1.5em;\r\n    background-color: var(--nav-color);\r\n    cursor: pointer;\r\n    margin: auto;\r\n}\r\n\r\n/*nav li item on hover*/\r\nnav ul li:hover {\r\n    background-color: darkgray;\r\n    color: var(--nav-hover-color);\r\n    transition-duration: 0.4s;\r\n}\r\n\r\n/*all nav button*/\r\nnav ul li button {\r\n    display: block;\r\n    text-align: center;\r\n    color: black;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: var(--nav-color);\r\n    border: none;\r\n    cursor: pointer;\r\n}\r\n\r\n/*all nav button focus - remove outline so it looks like a normal link*/\r\nnav ul li button:focus {\r\n    outline: 0;\r\n}\r\n\r\n/*all nav a hover*/\r\nnav ul li button:hover {\r\n    background-color: var(--nav-hover-color);\r\n}\r\n\r\n/*drop menu*/\r\nnav ul li div {\r\n    display: none;\r\n    background-color: var(--nav-color);\r\n    z-index: 1;\r\n    width: 100%;\r\n}\r\n\r\n/*drop menu main hover*/\r\nnav ul li:hover div {\r\n    display: block;\r\n}\r\n\r\n/*drop menu button*/\r\nnav ul li div button {\r\n    padding: 8px 0 8px 0;\r\n}"]}