@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;500;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--neutral-0: hsl(0, 0%, 100%);--overlay-color: hsl(0, 0%, 100%, .1);--neutral-300: hsl(252, 6%, 83%);--neutral-500: hsl(245, 15%, 58%);--neutral-700: hsl(245, 19%, 35%);--neutral-900: hsl(248, 70%, 10%);--orange-500: hsl(7, 88%, 67%);--orange-700: hsl(7, 71%, 60%);--gradient-text: linear-gradient(to right, hsl(7, 86%, 67%), hsl(0, 0%, 100%))}body{width:100%;min-height:100vh;padding:2rem;justify-content:center;font-family:Inconsolata,monospace;background:url(/react-projects/junior/conference-ticket-generator/assets/background-desktop-DBEOVdsQ.png);color:#fff;background-repeat:no-repeat;background-size:cover}.logo{text-align:center}.main-container{display:flex;height:100%;width:63%;flex-direction:column;align-items:center;justify-content:center;margin-top:2.66rem;margin-right:auto;margin-left:auto}.main-container h1{font-size:45px;text-align:center}.head-p{margin:1.5rem auto;text-align:center;font-size:1.5rem;color:var(--neutral-300);line-height:1.5}.main-container span{color:var(--orange-500)!important}h1{font-weight:800;font-size:3.4rem!important}h1 span{background-image:linear-gradient(to right,var(--orange-500),#f59285,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}h2{font-weight:700}p{font-weight:400}form{display:flex;flex-direction:column;padding:1rem;max-width:700px;gap:1rem;margin-top:1rem}form label{font-weight:500}form input{width:100%;background-color:var(--overlay-color);border:none;padding:1.35rem;border:1px solid var(--neutral-500);border-radius:15px;font-size:20px;margin-top:15px;margin-bottom:13px}form button{border:none;background-color:var(--orange-500);padding:1.55rem;border-radius:15px;font-size:17px;font-weight:500;cursor:pointer}.hidden-file{visibility:hidden}form button:hover{background-color:var(--orange-700)}form label{font-size:22px}.error{color:var(--orange-700);font-size:.9rem}.error+input{border:1px solid}.input-error{border:1px solid var(--orange-700)}.avater-box{width:100%;display:block;margin:1rem 0;text-align:center;background-color:var(--overlay-color);border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAACSklEQVR4Xu2dwW7CMBAFm///6BYOQUJVsruOl0nC5Gz22TN5FEWoLD/Q9fu4KtHL46qs755f2cve2tKhZoU+53QD6p4/iwUmYNYBrj5HAbDBYQFrxavvzfB5p8cf5aCAg0o+LuBo4MHznvblo1zKDRgNOi25SRsb5ZIWMBow6XyXGVPlpIDJaqcLqA6cfJ7LjstyCxuQHXRZUk0bz3LbFJAd0LT/24yNOCqgWXVZQPSC5v3edvwW138NUEDPPZAW0BPv1C0C4acg0fUSUEAv33C6AkJEvQsU0Ms3nK6AEFHvAgX08g2nKyBE1LtAAb18w+kKCBH1LlBAL99wugJCRL0LFNDLN5yugBBR74LFx8+9gLemv7grQAEMATjVBigAJgDH2wAFwATgeBugAJgAHG8DFAATgONtwFkEwPv4+nifhsK3gAIUABOA422AAmACcLwNUABMAI63AQqACcDxNkABMAE43u8FQQJ8GgqBX2MVoACYABxvAxQAE4DjbYACYAJwvA1QAEwAjrcBCoAJwPGvBsD7+Pp4H0fDt4ACFAATgONtgAJgAnC8DVAATACOtwEKgAnA8TZAATABON4GKAAmAMf7Aw4fEpD+AQf/g1aPkbSANV4Rc0REHP0VpTmcN6cMC7AJx8xE4Nfp4cfQ7KBj273fq7PcQgE2oXZzZMGnG6CAkwhQxL6I6p1fboACTiJAEe8iRu/84QYo4CQCan+aXL1FIP0xVIQ9BDAB63tn9ljL48qufa7rnl/Zy97a0qFmhX4C0FUE/AGvpaAQZNn7AwAAAABJRU5ErkJgggAA);border-image-repeat:round;border-image-slice:33%;border-image-width:16px;border-image-outset:0px;border-radius:15px;position:relative;cursor:pointer}.avater-box input{border:none;margin:0}.avater-box img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px}.avater-box input{width:100%;height:200px}.hidden-file{height:100%;width:100%;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.linesPattern{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;background:url(/react-projects/junior/conference-ticket-generator/assets/pattern-lines-B-UgRvVK.svg) repeat center center fixed;background-size:cover;position:fixed;z-index:-1;top:0;left:0}.squigglyTop{position:fixed;margin-top:2rem;z-index:5;right:0;display:block;width:400px}.squigglyBottom{width:700px;max-width:100%;bottom:0!important;left:-2em}.squigglyBottom,.squigglyTop,.circle-bottom,.circle-top,.linesPattern{position:fixed;z-index:-1}.circle-bottom,.circle-top{width:180px}.circle-top{top:-15%}.circle-bottom{right:13%;top:50%}.ticket-container{margin-top:3rem;padding:2rem;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='600'%20height='280'%20fill='none'%20viewBox='0%200%20600%20280'%3e%3cg%20filter='url(%23a)'%3e%3cmask%20id='d'%20fill='%23fff'%3e%3cpath%20fill-rule='evenodd'%20d='M0%2012C0%205.373%205.373%200%2012%200h438.958c5.37%200%209.876%203.759%2012.94%208.169C468.863%2015.319%20477.135%2020%20486.5%2020s17.637-4.681%2022.602-11.831c3.064-4.41%207.57-8.169%2012.94-8.169H588c6.627%200%2012%205.373%2012%2012v256c0%206.627-5.373%2012-12%2012h-65.958c-5.37%200-9.876-3.759-12.94-8.169C504.137%20264.681%20495.865%20260%20486.5%20260s-17.637%204.681-22.602%2011.831c-3.064%204.41-7.57%208.169-12.94%208.169H12c-6.627%200-12-5.373-12-12V12Z'%20clip-rule='evenodd'/%3e%3c/mask%3e%3cpath%20fill='url(%23b)'%20fill-rule='evenodd'%20d='M0%2012C0%205.373%205.373%200%2012%200h438.958c5.37%200%209.876%203.759%2012.94%208.169C468.863%2015.319%20477.135%2020%20486.5%2020s17.637-4.681%2022.602-11.831c3.064-4.41%207.57-8.169%2012.94-8.169H588c6.627%200%2012%205.373%2012%2012v256c0%206.627-5.373%2012-12%2012h-65.958c-5.37%200-9.876-3.759-12.94-8.169C504.137%20264.681%20495.865%20260%20486.5%20260s-17.637%204.681-22.602%2011.831c-3.064%204.41-7.57%208.169-12.94%208.169H12c-6.627%200-12-5.373-12-12V12Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='url(%23c)'%20d='m463.898%20271.831%201.232.856-1.232-.856Zm45.204%200%201.232-.856-1.232.856Zm0-263.662%201.232.856-1.232-.856Zm-45.204%200-1.232.856%201.232-.856ZM450.958-1.5H12v3h438.958v-3Zm35.542%2020c-8.853%200-16.673-4.423-21.37-11.187l-2.464%201.712C467.9%2016.56%20476.623%2021.5%20486.5%2021.5v-3Zm21.37-11.187C503.173%2014.077%20495.353%2018.5%20486.5%2018.5v3c9.877%200%2018.6-4.94%2023.834-12.475l-2.464-1.712ZM588-1.5h-65.958v3H588v-3ZM601.5%20268V12h-3v256h3Zm-79.458%2013.5H588v-3h-65.958v3Zm-35.542-20c8.853%200%2016.673%204.423%2021.37%2011.187l2.464-1.712C505.1%20263.439%20496.377%20258.5%20486.5%20258.5v3Zm-21.37%2011.187c4.697-6.764%2012.517-11.187%2021.37-11.187v-3c-9.877%200-18.6%204.939-23.834%2012.475l2.464%201.712ZM12%20281.5h438.958v-3H12v3ZM-1.5%2012v256h3V12h-3ZM12%20278.5c-5.799%200-10.5-4.701-10.5-10.5h-3c0%207.456%206.044%2013.5%2013.5%2013.5v-3Zm450.666-7.525c-2.952%204.25-7.065%207.525-11.708%207.525v3c6.097%200%2010.997-4.242%2014.172-8.813l-2.464-1.712Zm59.376%207.525c-4.643%200-8.756-3.275-11.708-7.525l-2.464%201.712c3.175%204.571%208.075%208.813%2014.172%208.813v-3ZM588%201.5c5.799%200%2010.5%204.701%2010.5%2010.5h3c0-7.456-6.044-13.5-13.5-13.5v3Zm-77.666%207.525c2.952-4.25%207.065-7.525%2011.708-7.525v-3c-6.097%200-10.997%204.242-14.172%208.813l2.464%201.712ZM12-1.5C4.544-1.5-1.5%204.544-1.5%2012h3C1.5%206.201%206.201%201.5%2012%201.5v-3ZM598.5%20268c0%205.799-4.701%2010.5-10.5%2010.5v3c7.456%200%2013.5-6.044%2013.5-13.5h-3ZM450.958%201.5c4.643%200%208.756%203.275%2011.708%207.525l2.464-1.712c-3.175-4.571-8.075-8.813-14.172-8.813v3Z'%20mask='url(%23d)'/%3e%3c/g%3e%3crect%20width='3'%20height='16'%20x='485'%20y='42'%20fill='%23fff'%20opacity='.2'%20rx='1.5'/%3e%3crect%20width='3'%20height='16'%20x='485'%20y='72'%20fill='%23fff'%20opacity='.2'%20rx='1.5'/%3e%3crect%20width='3'%20height='16'%20x='485'%20y='102'%20fill='%23fff'%20opacity='.2'%20rx='1.5'/%3e%3crect%20width='3'%20height='16'%20x='485'%20y='132'%20fill='%23fff'%20opacity='.2'%20rx='1.5'/%3e%3crect%20width='3'%20height='16'%20x='485'%20y='162'%20fill='%23fff'%20opacity='.2'%20rx='1.5'/%3e%3crect%20width='3'%20height='16'%20x='485'%20y='192'%20fill='%23fff'%20opacity='.2'%20rx='1.5'/%3e%3crect%20width='3'%20height='16'%20x='485'%20y='222'%20fill='%23fff'%20opacity='.2'%20rx='1.5'/%3e%3cdefs%3e%3clinearGradient%20id='b'%20x1='610'%20x2='69.328'%20y1='26.462'%20y2='306.194'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff'%20stop-opacity='.3'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='.1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='0'%20x2='599.999'%20y1='140'%20y2='139.351'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff'/%3e%3cstop%20offset='1'%20stop-color='%23F37362'/%3e%3c/linearGradient%3e%3cfilter%20id='a'%20width='680'%20height='360'%20x='-40'%20y='-40'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeGaussianBlur%20in='BackgroundImageFix'%20stdDeviation='20'/%3e%3cfeComposite%20in2='SourceAlpha'%20operator='in'%20result='effect1_backgroundBlur_107_802'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='effect1_backgroundBlur_107_802'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");background-repeat:no-repeat;background-size:100% 100%;background-position:center;border-radius:15px;display:grid;grid-template-columns:4fr 1fr;grid-template-rows:1fr 1fr;width:100%;min-width:380px;height:auto;aspect-ratio:580 / 275}.ticket-avatar{grid-row:2;display:flex;gap:1rem;align-items:end}.ticket-logo{grid-row:1}.ticket-avatar img{border-radius:12px;display:block;width:15%;height:60%;aspect-ratio:1 / 1}.ticket-avatar h2{font-weight:500;font-size:28px}.ticket-avatar a{color:#fff;text-decoration:none;display:flex;align-items:center;margin:5px 0}a img{width:20px!important;margin-right:8px}.date-p{margin-top:10px;margin-left:42px}.info{display:flex;flex-direction:column;justify-content:center;gap:5px}.ticket-number{grid-row:1/3;grid-column:end;display:flex;align-items:center;justify-content:center;color:var(--color-ticket-number);writing-mode:vertical-rl;text-orientation:mixed}.ticket-number p{font-size:1.7em}@media (max-width: 768px){.ticket-container{padding:1rem;width:90%}}@media (max-width:575px){.main-container{width:100%}.main-container h1{font-size:30px;font-weight:900}.main-container p{font-size:22px}body{padding:2rem 1rem}}