body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}body:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 59px,#ffffff0f 60px),repeating-linear-gradient(90deg,#0000,#0000 59px,#ffffff0f 60px);content:"";inset:0;pointer-events:none;position:fixed;z-index:1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0d0d14}::-webkit-scrollbar-thumb{background:#e53935;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b0000}@font-face{font-family:Autography;src:url(/static/media/Autography.4a770540027c18beeccd.otf)}*{font-family:poppins;margin:0;padding:0}nav{align-items:center;display:flex;justify-content:space-between;position:absolute;width:100%;z-index:2}nav img{margin-left:20px;padding:10px;width:70px}nav ul{color:#fff;cursor:pointer;display:flex;font-size:small;font-weight:800;gap:30px;list-style:none;margin-right:20px}nav ul li:hover{color:#8b0000}nav ul a{color:inherit;text-decoration:none}.hero-container{height:100vh;position:relative}.hero-container img{height:100vh;width:100%}.hero-container .spiderman img{left:40%;object-fit:contain;position:absolute;top:0;width:20%;z-index:3}.hero-container .spiderman h1{color:#fff;display:inline-block;font-size:150px;overflow:hidden;position:absolute;text-align:center;text-shadow:6px 6px 0 #8b0000;top:35%;width:100%;z-index:2}.about-container{background-color:#0d0c0c;position:relative;width:100%}.about-container h1{color:#e53935;font-family:Autography;font-size:40px;padding:30px;text-align:center}.cards-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-left:100px;padding:20px;width:fit-content}.cards-container .card{background-color:#13131f;border:1px solid #557;border-radius:10px;height:70px;padding:20px;width:150px}.cards-container .card span{color:#557;font-size:small}.cards-container .card h2{color:#e53935}.personal-cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;margin-left:100px;padding:20px;width:fit-content}.personal-cards .card{background-color:#13131f;border:1px solid #557;border-radius:10px;height:50px;padding:12px;text-align:center;width:100px}.personal-cards .card span{color:#557;font-size:small}.personal-cards .card p{color:#fff;font-size:small}.grid{display:grid;grid-template-columns:1fr 1fr}.stats-list #stats{display:flex;justify-self:center;padding:40px 100px 40px 40px;width:500px}.stats-container{background-color:#13131f;border:1px solid #557;border-radius:10px;height:150px;padding:12px;width:400px}.stats span{color:#557;font-size:small}.stats-container div{display:flex;font-size:small;justify-content:space-between;padding:5px}.stats-container div span{color:#557}.stats-container div span:last-child{color:#fff}section #spidy-right{position:absolute;right:0;width:200px;z-index:11}.heading{align-items:center;display:flex;gap:10px;padding-bottom:20px;padding-left:130px}.red-dot{background:#c33;border-radius:50px;height:10px;width:10px;z-index:4}.red-dot,p{text-align:center}p{color:#557}.suits{background-color:#0d0c0c;width:100%}.suits h1{color:#8b0000;font-family:autography;text-align:center}.suits-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));padding:30px}.suit{background-color:#13131f;border:1px solid red;cursor:pointer;height:450px;text-align:center;width:290px}.suit h2{color:#fff;font-family:Bebas Neue;font-size:30px;padding:10px 0}.suit p{font-size:small;padding:0 30px;text-align:left}.suit img{width:250px}#swing{position:absolute;width:100px;z-index:999}@media (max-width:765px){.hero-container img{object-fit:cover}.grid{grid-template-columns:1fr}.cards-container{padding:40px}.cards-container .card{width:40px}.cards-container .card span{font-size:small}.cards-container .card h2{font-size:medium}.personal-cards{display:flex;justify-self:center;margin:0;padding:30px}.personal-cards .card{height:40px;width:30px}.personal-cards .card span{font-size:x-small}.personal-cards .card p{font-size:10px}.stats-list{width:100vw}.stats-list #stats{padding:0;width:400px}.stats{padding:50px}.stats-container{width:250px}.hero-container .spiderman h1{font-size:50px}.heading{font-size:small;padding-left:50px}.suits-container{padding:55px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.27f3d266.css.map*/