hugos-lieblingsflugzeuge/static/css/main.ad8534d2.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.ad8534d2.chunk.css","sourcesContent":["body {\r\n    margin: 0;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\r\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\r\n    sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n\r\n    background-color: #282c34;\r\n    color: white;\r\n}\r\n\r\np {\r\n    width: 1000px;\r\n}\r\n\r\nmain {\r\n    grid-area: main;\r\n    margin-top: 100px;\r\n}\r\n\r\n:root {\r\n    --nav-hover-color: #8997b3;\r\n}\r\n\r\nheader {\r\n    grid-area: header;\r\n    position: fixed;\r\n    top: 0;\r\n    width: 100%;\r\n    z-index: 1;\r\n    background-color: #282c34;\r\n    overflow: visible;\r\n    display: grid;\r\n    grid-template-columns: 500px auto;\r\n    padding-top: 10px;\r\n    margin-left: 10px;\r\n\r\n    height: 50px;\r\n}\r\n\r\nheader h1 {\r\n    margin: 0;\r\n    width: 500px;\r\n}\r\n\r\nmain {\r\n    margin-left: 10px;\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    display: inline-block;\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    display: inline-block;\r\n}\r\n\r\n/*nav li item*/\r\nnav ul li {\r\n    float: left;\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 200px;\r\n    font-size: 1.8em;\r\n    cursor: pointer;\r\n    margin: auto;\r\n\r\n}\r\n\r\n\r\n/*all nav a*/\r\nnav ul li a {\r\n    display: block;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    color: white;\r\n    transition-duration: 0.3s;\r\n}\r\n\r\n/*all nav a hover*/\r\nnav ul li a:hover {\r\n    background-color: var(--nav-hover-color);\r\n    transition-duration: 0.3s;\r\n}\r\n\r\n/*Only on the top elements*/\r\nnav ul li > a {\r\n    border-right: 1px solid gray;\r\n}\r\n\r\n/*don't show border on the right*/\r\nnav ul li:last-child > a {\r\n    border: none;\r\n}\r\n\r\n/*drop menu*/\r\nnav ul li .content {\r\n    display: none;\r\n    z-index: 1;\r\n    width: 100%;\r\n    background-color: #3b414d;\r\n}\r\n\r\n/*drop menu main hover*/\r\nnav ul li:hover .content {\r\n    display: block;\r\n}\r\n\r\n/*drop menu a*/\r\nnav ul li .content a {\r\n    padding: 8px 0 8px 0;\r\n}\r\n\r\nfooter {\r\n    margin-left: 10px;\r\n    margin-bottom: 100px;\r\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}"]}