@import"https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";*{box-sizing:border-box}body{background:linear-gradient(to right,#5b6d92,#33477d);margin:0;padding:0;font-family:Comic Neue,cursive;color:#f5f5f5}.comic-neue-bold{font-weight:400;font-style:normal}.header-container{display:flex;justify-content:center;align-items:center;height:200px;position:relative;margin:0 10px}.overlay{border-image:fill 1 linear-gradient(hsl(240,100%,50% /.3),hsl(300,100%,25% / .3))}.header-background{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:800px;height:200px;opacity:.5;border-radius:20px}.title{font-weight:700;font-size:2.5rem;position:relative;z-index:1;text-align:center;margin:0}.studies-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:800px;margin:20px auto;padding:20px;background-color:#808da8;border:2px solid #12151e;border-radius:20px;box-shadow:0 4px 8px #0003}.studies-container h2{font-weight:700;font-size:1.5rem;margin:0 0 20px}.studies-container menu{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none}.studies-container menu button{padding:10px 20px;border:2px solid #12151e;border-radius:20px;background-color:#353a44;color:#f5f5f5;font-weight:700;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.studies-container menu button:hover,.studies-container menu button.active{background-color:#444953;border-color:#808da8}#course-content{text-align:left;color:#f5f5f5;background-color:#655e6c;border:2px solid #12151e;border-radius:20px;padding:20px;width:100%;margin-top:20px;box-shadow:0 4px 8px #0003}#course-content h3{font-weight:700;font-size:1.8rem;margin-bottom:10px}#course-content p{font-weight:400;font-size:1.2rem;margin:5px 0}.back-to-portfolio-container{display:flex;justify-content:center;align-items:center;margin-top:20px}.back-to-portfolio{display:inline-block;margin:20px auto;padding:10px 20px;font-size:1.2rem;color:#f5f5f5;text-decoration:none;border:2px solid #12151e;border-radius:20px;background-color:#353a44;transition:background-color .3s ease,transform .2s ease}.back-to-portfolio:hover{background-color:#444953;color:#e0e0e0;transform:translateY(-3px)}.back-to-portfolio:active{transform:translateY(0)}@media (max-width: 600px){.title{font-size:1.5rem}.header-container,.header-background{height:150px}.studies-container{width:90%;padding:10px}.studies-container h2{font-size:1.2rem}.studies-container menu button{font-size:.9rem;padding:6px 12px}#course-content{padding:15px}#course-content h3{font-size:1.3rem}#course-content p{font-size:.9rem}}@media (max-width: 992px){.title{font-size:2rem}.studies-container{padding:15px}.studies-container h2{font-size:1.3rem}.studies-container menu button{font-size:1rem;padding:8px 16px}#course-content h3{font-size:1.5rem}#course-content p{font-size:1rem}}