.social-icons a,.download a,nav ul li a,.send{transition:color 0.3s ease}nav ul li a:hover{color:#ff004f}.about-col-2{text-align:center}.about-col-2 img{top:50%}@keyframes moveHorizontally{0%{transform:translate(0%,-50%)}50%{transform:translate(25%,-50%)}100%{transform:translate(0%,-50%)}}.social-icons a:hover,.download a:hover{color:#ff004f}.download a:hover{background-color:#fff}#skills-container{padding:25px 35px;color:#fff}.tab-titles{display:flex;justify-content:flex-start;margin-bottom:20px;gap:100px;padding-left:35px}.tab-links{padding:10px 20px;cursor:pointer;color:#ff004f;font-size:1rem;transition:background-color 0.3s ease,color 0.3s ease}.tab-links.active-link{background-color:#ff004f;color:#fff}.tab-links:hover{color:#fff}.tab-contents{display:none}.tab-contents.active-tab{display:block;padding:20px 50px}.tab-contents li{margin-bottom:20px;line-height:1.6;font-weight:100}.tab-contents li span{font-size:1rem;color:#ff004f;font-weight:500}.tab-contents li i{font-size:1rem;color:#ccc}.tab-contents ul ul{list-style-type:disc;padding-left:20px}.tab-contents ul ul li{margin-bottom:10px;font-size:1rem;color:#fff}#portfolio{padding:0 70px}.work-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:40px;margin-top:50px}.work{border-radius:10px}.work img{width:100%;height:auto;border-radius:10px;display:block;transition:transform 0.5s ease-in-out}.layer{width:100%;height:0;background:linear-gradient(rgba(0,0,0,0.6),#ff004f);border-radius:10px;position:absolute;left:0;bottom:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;font-size:1rem;transition:height 0.5s ease-in-out}.layer h3{font-size:1.5rem;font-weight:500;margin-bottom:20px}.layer a{color:#ff004f;font-size:1rem;line-height:60px;background:#fff;width:60px;height:60px;border-radius:50%}.layer h1{padding-bottom:20px}.work:hover img{transform:scale(1.1)}.work:hover .layer{height:100%}.send{background:none;color:#fff;font-size:1rem;display:block;margin:10px;width:fit-content;border:1px solid #ff004f;padding:10px;border-radius:10px}.send:hover{color:#ff004f;background-color:#fff}#contact{padding:50px 20px}.sub-title{font-size:2rem;color:#ff004f;margin-bottom:30px}#contactForm{max-width:500px;margin:0 auto;padding:10px;border:1px solid #fff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,0.1)}#contactForm input,#contactForm textarea{font-family:"Pacifico",cursive;width:calc(100% - 20px);padding:12px;margin:10px 0;border:1px solid #ccc;border-radius:5px;font-size:1rem}#contactForm textarea{resize:vertical}#contactForm input[type="submit"]{background-color:transparent;border:1px solid #ff004f;padding:12px 20px;font-size:1rem;cursor:pointer;border-radius:5px;transition:background-color 0.3s ease;color:#ff004f}#contactForm input[type="submit"]:hover{background-color:#ff004f;color:#fff}#msg{display:block;font-size:1rem;color:#333}#footer{color:#ff004f;font-weight:900;margin-top:auto}.notification{font-size:1rem;font-family:"Lato",sans-serif;color:#000;border-radius:8px;padding:10px 20px;position:fixed;top:25px;right:25px;z-index:1000;opacity:0;transition:opacity 0.5s ease-in-out;max-width:90vw;box-sizing:border-box}.notification-show{opacity:1}.notification-success{background:linear-gradient(to right,#00b09b,#96c93d)}.notification-error{background:linear-gradient(to right,#ff5f6d,#ffc371)}@media screen and (max-width:768px){@keyframes moveHorizontally{0%{transform:translateX(-10%)}50%{transform:translateX(10%)}100%{transform:translateX(-10%)}}.social-icons,.download{justify-content:center;align-items:center}.social-icons a{padding:10px 20px;margin:0}.download{justify-content:center}#skills-container{padding:0}.tab-titles{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:20px;padding:0 25px}.tab-links{padding:10px;width:75%;box-sizing:border-box}.tab-contents.active-tab{padding:0 35px 20px}.tab-contents li{margin-bottom:10px;line-height:1.4}#portfolio{padding:0 30px}.layer{padding:0 15px;font-size:0.75}.layer h1{font-size:1.5rem}.layer a{margin-top:10px;font-size:0.75rem}#contact{padding:40px 20px}.sub-title{font-size:1.75rem}#contactForm input,#contactForm textarea{font-size:1rem}.notification{top:50%;left:50%;transform:translate(-50%,-50%);right:auto;padding:5px 10px;font-size:0.9rem;max-width:95vw;box-sizing:border-box}