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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background:radial-gradient(circle,#0f0c29,#302b63,#24243e);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative;text-align:center}.App:before{animation:backgroundShift 10s linear infinite;background:url(https://www.transparenttextures.com/patterns/black-twill.png);content:"";height:100%;left:0;opacity:.05;position:absolute;top:0;width:100%;z-index:-1}@keyframes backgroundShift{0%{background-position:0 0}to{background-position:100% 100%}}.cards-container{border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;padding:20px}.card-wrapper{border-radius:10px;overflow:hidden;perspective:1000px;transition:transform .5s ease,box-shadow .5s ease,filter .5s ease}.card-wrapper:hover{box-shadow:0 15px 30px #0006;filter:brightness(1.1);transform:scale(1.1) rotateY(15deg) rotateX(5deg)}.card-wrapper:active{box-shadow:0 5px 15px #00000080;transform:scale(.98) rotateY(0deg) rotateX(0deg)}.animated-card{background-color:#1e1e1e;border-radius:12px;box-shadow:0 0 15px #0f06;cursor:pointer;height:400px;margin:10px;overflow:hidden;position:relative;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:300px}.animated-card:hover{box-shadow:0 0 20px #0f09;transform:scale(1.05)}.animated-card:before{background:radial-gradient(circle,#0f03 0,#0f00 60%);content:"";inset:0;position:absolute;transition:opacity .3s ease-in-out;z-index:-1}.animated-card:hover:before{opacity:.4}.animation-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.animation-frame{border:none;height:100%;overflow:hidden;width:100%}.code-container{bottom:10px;left:50%;position:absolute;text-align:center;transform:translateX(-50%)}.copy-button{background-color:#333;border:1px solid #0f0;border-radius:4px;color:#0f0;cursor:pointer;padding:8px 16px;transition:background-color .3s ease,color .3s ease}.copy-button:hover{background-color:#0f0;color:#333}.nav-header{background:linear-gradient(90deg,#181818,#282828);box-shadow:0 4px 20px #0000004d;position:sticky;top:0;transition:background .3s ease-in-out,box-shadow .3s ease-in-out;width:100%;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:15px 20px;width:100%}.logo{color:#4a90e2;font-size:1.8rem;font-weight:700;text-shadow:0 2px 6px #4a90e2b3}.nav-links{display:flex;gap:30px}.nav-links a{border-radius:5px;color:#fff;font-size:1.1rem;font-weight:500;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;transition:color .3s ease-in-out,transform .3s ease-in-out}.nav-links a:before{background:#4a90e266;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease-in-out;width:100%;z-index:1}.nav-links a:hover:before{background:#4a90e299;left:0}.nav-links a:hover{color:#4a90e2;transform:translateY(-3px);z-index:2}.notes-button{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:12px 30px;position:relative;text-shadow:0 0 10px #4a90e2b3;transition:background-color .3s ease-in-out,color .3s ease-in-out,transform .3s ease-in-out}.notes-button:before{background:#fff3;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease-in-out;width:100%;z-index:1}.notes-button:hover:before{left:0}.notes-button:hover{background-color:#fff;color:#4a90e2;transform:translateY(-3px);z-index:2}.author-button{background:#0000;border:1px solid #3d6aff;border-radius:7px;box-shadow:0 0 0 0 #0000;color:#fff;font-size:14px;font-weight:600;letter-spacing:2px;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .2s ease-in}.author-button:before{background:#fff;box-shadow:0 0 50px 30px #fff;content:"";display:block;height:86%;left:0;opacity:0;position:absolute;top:7%;transform:skewX(-20deg);transition:all .2s ease-in;width:0}.author-button:hover{background:#3d6aff;box-shadow:0 0 30px 5px rgba(0,142,236,.815)}.author-button:hover:before{animation:sh02 .5s linear 0s;opacity:1;width:100%}.author-button:active{box-shadow:0 0 0 0 #0000}@keyframes sh02{0%{left:0;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}
/*# sourceMappingURL=main.bae96740.css.map*/