hugos-lieblingsflugzeuge/static/css/main.59edd118.chunk.css.map

{"version":3,"sources":["webpack://src/app.css","webpack://src/Plane.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,MACI,mBAA+B,CAC/B,yBACJ,CAEA,OACI,gBACJ,CAEA,UACI,eACJ,CAEA,KACI,WACJ,CAGA,IACI,oBAAqB,CAGrB,gBAAiB,CACjB,wBAAkC,CAAlC,iCAAkC,CAClC,UAAW,CAEX,cAAe,CACf,KAAM,CACN,WAAY,CAEZ,SACJ,CAGA,WAdI,QAAS,CACT,SAiBJ,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,YACI,aAAc,CACd,iBAAkB,CAClB,oBAAqB,CACrB,UAAY,CACZ,UAAW,CACX,WAAY,CACZ,wBAAkC,CAAlC,iCAAkC,CAClC,WAAY,CACZ,cACJ,CAGA,kBACI,SACJ,CAGA,kBACI,wBAAwC,CAAxC,uCACJ,CAGA,mBACI,YAAa,CACb,wBAAkC,CAAlC,iCAAkC,CAClC,SAAU,CACV,UACJ,CAGA,yBACI,aACJ,CAGA,qBACI,aACJ,CC5HA,MACI,0BACJ,CAEA,OACI,iBAAkB,CAClB,iBAAkB,CAElB,oBAAqB,CACrB,kBAGJ,CAEA,oBAPI,UAAY,CAGZ,uBAAyB,CACzB,mCAQJ,CALA,aAEI,qBAGJ,CAEA,mBACI,iBAAkB,CAElB,WAAY,CACZ,UAAW,CAEX,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,8BAAgC,CAEhC,iBAAsC,CAAtC,qCACJ,CAEA,yBACI,kBAAmB,CACnB,+BACJ,CAEA,WACI,YAAiC,CAAjC,gCACJ,CAGA,iBACI,qBAAsB,CACtB,oBAAqB,CAErB,eACJ","file":"main.59edd118.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:root {\n    --nav-color: rgb(176, 194, 206);\n    --nav-hover-color: darkgrey;\n}\n\nheader {\n    grid-area: header;\n}\n\nheader h1 {\n    margin-top: 50px;\n}\n\nmain {\n    margin: 10px;\n}\n\n/*Navigation*/\nnav {\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n    overflow: visible;\n    background-color: var(--nav-color);\n    width: 100%;\n\n    position: fixed;\n    top: 0;\n    height: 50px;\n\n    z-index: 1;\n}\n\n/*main ul*/\nnav ul {\n    height: 100%;\n    margin: 0;\n    padding: 0;\n}\n\n/*nav li item*/\nnav ul li {\n    float: left;\n    border-right: 1px solid gray;\n    height: 100%;\n    width: 15%;\n    position: relative;\n    display: inline-block;\n\n    font-size: 1.8em;\n    background-color: var(--nav-color);\n    cursor: pointer;\n    margin: auto;\n}\n\n/*nav li item on hover*/\nnav ul li:hover {\n    background-color: darkgray;\n    color: var(--nav-hover-color);\n    transition-duration: 0.4s;\n}\n\n/*all nav a*/\nnav ul li a {\n    display: block;\n    text-align: center;\n    text-decoration: none;\n    color: black;\n    width: 100%;\n    height: 100%;\n    background-color: var(--nav-color);\n    border: none;\n    cursor: pointer;\n}\n\n/*all nav a focus - remove outline so it looks like a normal link*/\nnav ul li a:focus {\n    outline: 0;\n}\n\n/*all nav a hover*/\nnav ul li a:hover {\n    background-color: var(--nav-hover-color);\n}\n\n/*drop menu*/\nnav ul li .content {\n    display: none;\n    background-color: var(--nav-color);\n    z-index: 1;\n    width: 100%;\n}\n\n/*drop menu main hover*/\nnav ul li:hover .content {\n    display: block;\n}\n\n/*drop menu a*/\nnav ul li .content a {\n    padding: 8px 0 8px 0;\n}",":root {\r\n    --model-image-height: 200px;\r\n}\r\n\r\n.model {\r\n    position: relative;\r\n    text-align: center;\r\n    color: white;\r\n    display: inline-block;\r\n    transform: scale(1);\r\n    transition-duration: 0.1s;\r\n    transition-timing-function: ease-out;\r\n}\r\n\r\n.model:hover {\r\n    color: white;\r\n    transform: scale(1.02);\r\n    transition-duration: 0.1s;\r\n    transition-timing-function: ease-out;\r\n}\r\n\r\n.model .model-info {\r\n    visibility: hidden;\r\n\r\n    height: 100%;\r\n    width: 100%;\r\n\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n\r\n    line-height: var(--model-image-height);\r\n}\r\n\r\n.model:hover .model-info {\r\n    visibility: visible;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.model img {\r\n    height: var(--model-image-height);\r\n}\r\n\r\n\r\n.model-info-text {\r\n    vertical-align: middle;\r\n    display: inline-block;\r\n\r\n    font-size: 1.5em;\r\n}"]}