@font-face{font-family:PassionOne;src:url(/carambar-project-front/assets/PassionOne-Regular-BPV1rpWB.ttf) format("truetype")}*{box-sizing:border-box;border:none;padding:0;margin:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow:hidden}html{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{position:relative;display:flex;align-items:center;flex-direction:column;background-image:url(/carambar-project-front/assets/background-q6dQxMzM.jpg);background-position-y:-50px;background-size:cover;min-height:130vh;text-align:center}.App .App-header{position:relative;display:flex;justify-content:space-between;width:100%}.App .App-header .App-logo{margin:1% 0 0 1%;height:30vmin;left:0}.App .page-content{position:absolute;top:17%;display:flex;flex-direction:column;align-items:center;width:100%;height:max-content}.App .page-content.all-jokes-page{top:20%}.App .page-content.all-jokes-page .display-text{position:absolute;top:-5%;margin-left:80px;text-align:center}.App .page-content.all-jokes-page .jokes-container{margin-top:40px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;max-height:50vh;width:50%;overflow-x:auto}.App .page-content.all-jokes-page .jokes-container .joke-paper{margin:10px;width:45%}.App .page-content.all-jokes-page .jokes-container .joke-paper .joke-text{font-size:12px}.App .page-content .display-text{top:25%;margin-left:60px;width:35%;font-family:PassionOne,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:42px;color:#fff;text-align:left;-webkit-text-stroke:1px #ff0000;text-shadow:0 0 8px #ff0000;rotate:-4deg}.App .page-content .joke-paper{position:relative;margin-top:40px;width:38%;max-width:32vw;display:flex;justify-content:center;align-items:center}.App .page-content .joke-paper a{display:flex;justify-content:center;align-items:center;text-decoration:none;position:relative;width:100%;height:100%}.App .page-content .joke-paper a:hover{cursor:pointer;transform:scale(1.05);transition:transform .2s}.App .page-content .joke-paper img{width:100%;height:auto}.App .page-content .joke-paper .joke-id{position:absolute;top:15%;left:8%;font-weight:400;font-size:16px;color:#e84f4b}.App .page-content .joke-paper .joke-text{font-weight:600;font-size:20px;position:absolute;width:70%;color:#e84f4b}.App .page-content .button{background:none;width:40%;padding:0 10%}.App .page-content .button:hover{cursor:pointer}.App .page-content .button:hover .button-img{transform:scale(1.05);transition:transform .2s}.App .page-content .button .button-img{width:100%}.App .page-content .all-jokes-link{margin-top:20px;font-size:24px;color:#fff;text-decoration:none;z-index:2}.App .page-content .all-jokes-link:hover{cursor:pointer;color:#ffeb3b;text-decoration:underline}.App .page-content .all-jokes-link:visited{color:#fff}.App .footer{display:flex;justify-content:flex-end;position:fixed;width:100%;height:20vh;bottom:0;z-index:1}.App .footer p{margin:0 20px 10px 0;bottom:0;text-align:right;color:red;font-size:14px;position:absolute}.App .footer .footer-background{height:100%;min-width:100%;position:absolute;bottom:0;left:0}.App-link{color:#61dafb}@media(max-width:768px){body{height:100%}.App{background-size:cover;background-position:60% -20px;min-height:100vh}.App .App-header{display:flex}.App .App-header .App-logo{margin:3% 0 0 1%;height:28vmin;max-height:100px;left:0}.App .page-content{top:15%}.App .page-content.all-jokes-page{flex-direction:row;justify-content:center;flex-wrap:wrap;overflow-x:auto;top:15%}.App .page-content.all-jokes-page .display-text{position:absolute;top:0%;margin-left:0;margin-top:20px;text-align:center}.App .page-content.all-jokes-page .jokes-container{margin-top:100px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;max-height:50vh;width:100%;overflow-x:auto}.App .page-content.all-jokes-page .jokes-container .joke-paper{margin:10px;width:85%}.App .page-content .display-text{font-size:28px;width:90%;margin-left:10px}.App .page-content .joke-paper{width:100%;max-width:100vw;margin-top:70px}.App .page-content .joke-paper img{width:100vw;height:auto}.App .page-content .joke-paper .joke-id{font-size:12px}.App .page-content .joke-paper .joke-text{font-size:14px;width:80%}.App .page-content .button{margin-top:10px;padding:0 10%;width:100%}.App .footer{justify-content:center}.App .footer p{font-size:12px;margin:10px 0}.App .footer .footer-background{transform:translate(-50%)}}