@import"https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Goudy+Bookletter+1911&family=Sevillana&display=swap";*{box-sizing:border-box}body{background:linear-gradient(to right,#9e99a2,#888fa0,#33477d)}.sevillana-regular{font-family:Sevillana,cursive;font-weight:400;font-style:normal}.comic-neue-bold{font-family:Comic Neue,cursive;font-weight:400;font-style:normal}.goudy-bookletter-1911-regular{font-family:"Goudy Bookletter 1911",serif;font-weight:400;font-style:normal}.navbar{font-family:Sevillana,cursive;font-weight:700;font-size:30px;position:relative;text-align:center;text-decoration:none;margin:0;z-index:1}ul.navbar-list{list-style-type:none;margin:0;display:flex;justify-content:space-between;align-items:center;padding:5px 0}.navbar-item{margin:0 5px}.navbar-link{font-family:Sevillana,cursive;font-weight:700;font-size:35px;color:#2a2a29;text-decoration:none;padding:5px 10px;border-radius:4px}.navbar-link:hover{background-color:#b3b6bf;border-radius:6px}.navbar-link.active{background-color:#808da8;border-radius:6px}.right-links{display:flex}.clock{color:#d1bcd7;font-size:5vw;font-weight:700;font-family:monospace;text-align:center;text-shadow:3px 3px 5px rgba(0,0,0,.75)}.clock-container{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:40vw;padding:10px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-shadow:3px 3px 5px rgba(0,0,0,.25)}.paragraph{text-align:center;margin-top:10px}.portfolio-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px;max-width:1200px;margin:0 auto;padding:20px}.thumbnails-container{display:grid;max-width:600px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px;margin:0 auto;box-shadow:0 4px 8px #0000001a}.thumbnails-content{display:flex;flex-direction:column;align-items:center}.thumbnails{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease-in-out}.thumbnails img{width:100%;height:150px;display:block;border-radius:10px}.thumbnails:hover{transform:translateY(-10px)}.info{font-family:Comic Neue,cursive;font-size:1rem;text-align:center;margin-top:10px;color:#2a2a29}.thumbnails:hover img{opacity:.85}.thumbnail-container,.about-me-container,.contact-container,.error-container{max-width:800px;margin:50px auto;padding:20px;color:#1d1e1e;box-shadow:0 4px 8px #0000001a}.thumbnail-content,.about-me-content,.projects-content{font-family:Comic Neue,cursive;font-weight:400;font-style:normal;font-size:18px;text-align:left}.about-me-content h1,.projects-content h1{font-size:2.5rem;margin-bottom:20px}.about-me-content h2{font-size:1.8rem;margin-top:40px;margin-bottom:10px}.about-me-content p{font-size:1.2rem;margin-bottom:20px}.about-me-content p:last-child{margin-bottom:0}.skills-container{display:flex;justify-content:space-between;align-items:flex-start}.skills-section{width:48%}.skills-section ul{list-style-type:none;padding:0}.skills-section h2{font-size:1.8rem;margin-bottom:10px}.skills-section ul li{font-size:1.2rem;margin-bottom:10px}.disclaimer-box{border:1px solid #480607;padding:1rem;margin-bottom:1rem;border-radius:8px;font-size:.95rem;color:#2a2a29}.projects-container h3{font-family:Comic Neue,cursive;font-size:2rem;text-align:center;margin:20px 0;color:#2a2a29;text-shadow:3px 3px 5px rgba(0,0,0,.5)}.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;gap:10px}.show-list{list-style-type:none;padding:0;margin:20px 0}.show-list li{background-color:#808da8;padding:10px;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:transform .3s,box-shadow .3s;box-sizing:border-box}.show-list a{text-decoration:none;color:#2a2a29;font-family:Comic Neue,cursive;font-size:1.2rem;display:block;text-align:center}.show-list li:nth-child(1){grid-column:1 / 2;grid-row:1}.show-list li:nth-child(2){grid-column:1 / 2;grid-row:2}.show-list li:nth-child(3){grid-column:1 / 2;grid-row:3}.show-list li:nth-child(4){grid-column:2 / 3;grid-row:3}.show-list li:nth-child(4){grid-column:1 / 2;grid-row:4}.show-list li:nth-child(5){grid-column:2 / 3;grid-row:2}.show-list li:nth-child(6){grid-column:2 / 3;grid-row:3}.show-list li:nth-child(7){grid-column:2 / 3;grid-row:3}.main-container{display:flex;flex-direction:column;align-items:center;padding:10px}.contact-container{font-family:"Goudy Bookletter 1911",serif;font-weight:400;font-style:normal}.contact-content{font-size:18px;text-align:left}.contact-container{flex:1;padding:10px;margin-top:50px;border-radius:8px;width:800px;box-shadow:0 4px 6px #0000001a}.contact-header{font-family:Comic Neue,cursive;font-size:28px;margin-bottom:20px}.contact-form{width:100%}.form-info{margin-bottom:15px}.form-info label{display:block;font-family:Comic Neue,cursive;font-size:16px;margin-bottom:5px}.form-info input,.form-info textarea{width:100%;padding:10px;font-family:Comic Neue,cursive;font-size:16px;background-color:#e3e2da;border:1px solid #121211;border-radius:4px}.form-info text{resize:vertical}.submit-button{background-color:#808da8;color:#f0efe4;font-family:Comic Neue,cursive;font-size:18px;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;width:100%}.submit-button:hover{background-color:#6c7a99}.success-message{margin-top:20px;padding:10px;background-color:#b3b6bf;color:#33477d;border:1px solid #c3e6cb;border-radius:5px;font-family:Comic Neue,cursive;font-size:16px}.error-container{text-align:center;color:#2a2a29}.error-container h2{color:#33477d;font-size:2.5rem;margin-bottom:20px}.error-container p{font-size:1.2rem;margin-bottom:15px;color:#514f53}.footer .container .text{display:flex;justify-content:center;font-family:Comic Neue,cursive}.footer .container .social-media-buttons a{padding:5px;color:inherit}.footer{padding:40px 0;color:#514f53}.footer h4{margin-bottom:10px}@media only screen and (max-width: 600px){.navbar{font-size:24px}ul.navbar-list{flex-direction:column;justify-content:center}.navbar-item{margin:5px 0}.navbar-link{font-size:28px}.clock{font-size:6vw}.portfolio-grid{grid-template-columns:1fr;gap:10px}.thumbnails-container{grid-template-columns:1fr;max-width:100%}.thumbnails img{height:auto}.weather{padding:15px;width:100%}.weather-data{flex-direction:column;align-items:center}.weather-data .col{width:100%;padding:10px;margin:0}.weather-data .col img{max-width:80px;height:auto}.temperature{font-size:2em}.weather-description{font-size:1.2em;text-align:center}.location{font-size:1.5em;text-align:center}.contact-container{width:100%;padding:10px}.footer .container .text{flex-direction:column;text-align:center}.footer{padding:20px 0}}