{"version":3,"file":"static/css/979.179629c8.chunk.css","mappings":"AAIA,WAII,kBAAmB,CADnB,YAAa,CAEb,6BAHA,eAAgB,CADhB,SAI6B,CALjC,gCAWQ,kBAAmB,CAFnB,YAAa,CACb,kBAAmB,CAFnB,WAAY,CAIZ,SAAU,CAZlB,iDAiBY,kBAAmB,CAMnB,+DAJA,WAAY,CAJZ,iBAAkB,CAKlB,iBAAkB,CAElB,2BAA4B,CAD5B,wBAA0B,CAH1B,UAAW,CAFX,SAOuF,CAvBnG,mIA+BgB,8DAHA,kBAAmB,CAEnB,WAAY,CAJZ,iBAAkB,CAGlB,UAAW,CAFX,SAI2B,CA/B3C,oFAsCoB,mBADA,WAAY,CADZ,UAEmB,CAtCvC,iEA2CgB,wBA/CU,CAiDV,qBAAsB,CADtB,UAAY,CAIZ,YAAa,CACb,qBAAsB,CACtB,8BAJA,YAAa,CACb,yBAG8B,CAlD9C,iFAqDoB,cAAe,CArDnC,iFAyDoB,aA5DA,CAGpB,gFA8DoB,UAAY,CADZ,cAAe,CAEf,yBAA0B,CA/D9C,uDAsEQ,yBAA0B","sources":["InfoPageStyle.scss"],"sourcesContent":["$background-color: #252422;\r\n$main-color: #CCC5B9;\r\n$accent-color: #EB5E28;\r\n\r\n.info-page {\r\n    width: 96%;\r\n    min-height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-around;\r\n\r\n    .info-page__dev-card {\r\n        width: 300px;\r\n        height: 400px;\r\n        perspective: 1000px;\r\n        border-radius: 15px;\r\n        z-index: 1;\r\n    \r\n        .dev-card__inner {\r\n            position: relative;\r\n            z-index: 1;\r\n            border-radius: 15px;\r\n            width: 100%;\r\n            height: 100%;\r\n            text-align: center;\r\n            transition: transform 0.6s;\r\n            transform-style: preserve-3d;\r\n            box-shadow: -4px -4px 10px 0px rgba(0, 0, 0, 0.25),4px 4px 20px 0px rgba(0, 0, 0, 0.25);\r\n    \r\n            .dev-card__front, .dev-card__back {\r\n                position: absolute;\r\n                z-index: 1;\r\n                border-radius: 15px;\r\n                width: 100%;\r\n                height: 100%;\r\n                backface-visibility: hidden;\r\n            }\r\n    \r\n            .dev-card__front {\r\n                .dev-card__avatar {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    border-radius: 15px;\r\n                }\r\n            }\r\n            \r\n            .dev-card__back {\r\n                background-color: $background-color;\r\n                color: white;\r\n                box-sizing: border-box;\r\n                padding: 20px;\r\n                transform: rotateY(180deg);\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: space-between;\r\n\r\n                .dev-card__name {\r\n                    font-size: 24px;\r\n                }\r\n\r\n                .dev-card__info {\r\n                    color: $main-color;\r\n                }\r\n\r\n                .dev-card__url {\r\n                    font-size: 18px;\r\n                    color: white;\r\n                    text-decoration: underline;\r\n                }\r\n            }\r\n        }\r\n    }\r\n      \r\n    .info-page__dev-card:hover .dev-card__inner {\r\n        transform: rotateY(180deg);\r\n    }\r\n}"],"names":[],"sourceRoot":""}