hugos-lieblingsflugzeuge/static/css/main.a19231b2.chunk.css.map

{"version":3,"sources":["webpack://src/app.css","webpack://src/plane_preview.css","webpack://src/plane.css"],"names":[],"mappings":"AAAA,KACI,QAAS,CACT,mJAEU,CACV,kCAAmC,CACnC,iCAAkC,CAElC,wBAAyB,CACzB,UACJ,CAEA,EACI,YACJ,CAEA,KACI,cAAe,CACf,gBACJ,CAEA,MACI,yBACJ,CAEA,OACI,gBAAiB,CACjB,cAAe,CACf,KAAM,CACN,UAAW,CACX,SAAU,CACV,wBAAyB,CACzB,gBAAiB,CACjB,YAAa,CACb,gCAAiC,CACjC,gBAAiB,CACjB,gBAAiB,CAEjB,WACJ,CAEA,UACI,QAAS,CACT,WACJ,CAEA,KACI,gBACJ,CAGA,IACI,oBAAqB,CAGrB,gBAEJ,CAGA,WAPI,QAAS,CACT,SAAU,CAEV,oBASJ,CALA,OACI,WAIJ,CAGA,UACI,UAAW,CACX,iBAAkB,CAClB,oBAAqB,CACrB,WAAY,CACZ,eAAgB,CAChB,cAAe,CACf,WAEJ,CAIA,YACI,aAAc,CACd,iBAAkB,CAClB,oBAAqB,CACrB,UAAY,CACZ,uBACJ,CAGA,kBACI,wBAAwC,CAAxC,uCAAwC,CACxC,uBACJ,CAGA,YACI,2BACJ,CAGA,uBACI,WACJ,CAGA,mBACI,YAAa,CACb,SAAU,CACV,UAAW,CACX,wBACJ,CAGA,yBACI,aACJ,CAGA,qBACI,aACJ,CAEA,OACI,gBAAiB,CACjB,mBACJ,CC9HA,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,CClDA,aACI,YACJ","file":"main.a19231b2.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\np {\n    width: 1000px;\n}\n\nmain {\n    grid-area: main;\n    margin-top: 100px;\n}\n\n:root {\n    --nav-hover-color: #8997b3;\n}\n\nheader {\n    grid-area: header;\n    position: fixed;\n    top: 0;\n    width: 100%;\n    z-index: 1;\n    background-color: #282c34;\n    overflow: visible;\n    display: grid;\n    grid-template-columns: 500px auto;\n    padding-top: 10px;\n    margin-left: 10px;\n\n    height: 50px;\n}\n\nheader h1 {\n    margin: 0;\n    width: 500px;\n}\n\nmain {\n    margin-left: 10px;\n}\n\n/*Navigation*/\nnav {\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n    overflow: visible;\n    display: inline-block;\n}\n\n/*main ul*/\nnav ul {\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    display: inline-block;\n}\n\n/*nav li item*/\nnav ul li {\n    float: left;\n    position: relative;\n    display: inline-block;\n    width: 200px;\n    font-size: 1.8em;\n    cursor: pointer;\n    margin: auto;\n\n}\n\n\n/*all nav a*/\nnav ul li a {\n    display: block;\n    text-align: center;\n    text-decoration: none;\n    color: white;\n    transition-duration: 0.3s;\n}\n\n/*all nav a hover*/\nnav ul li a:hover {\n    background-color: var(--nav-hover-color);\n    transition-duration: 0.3s;\n}\n\n/*Only on the top elements*/\nnav ul li > a {\n    border-right: 1px solid gray;\n}\n\n/*don't show border on the right*/\nnav ul li:last-child > a {\n    border: none;\n}\n\n/*drop menu*/\nnav ul li .content {\n    display: none;\n    z-index: 1;\n    width: 100%;\n    background-color: #3b414d;\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}\n\nfooter {\n    margin-left: 10px;\n    margin-bottom: 100px;\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}",".plane-image {\r\n    height: 500px;\r\n}"]}