.all{min-height:100vh;color:#f0eee5}.first-section{margin:7% 10%;display:flex}.profile-container{width:300px;height:300px;display:flex;align-items:flex-end;justify-content:center;padding:5%}.profile-image{height:300px;width:300px;object-fit:cover;border-radius:50%;position:relative;background-color:#0000e080;z-index:2}.background-circle{position:absolute;width:300px;height:300px;border-radius:50%;z-index:1}.background-circle.left{background-color:#2bb1e2a6;transform:translate(50px,10px)}.background-circle.right{background-color:#b12be2a6;transform:translate(-50px,-10px)}.welcome{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:5%}.welcome h2{font-size:42px;margin-bottom:0;border-right:3px solid whitesmoke;padding-right:10px;display:flex;min-height:52px}.welcome_text_wrap{min-height:100px}.welcome h1{font-size:24px}.welcome strong{font-size:38px;margin-left:10px}.first-section-text{display:flex;flex-direction:column;justify-content:center;font-weight:700;font-size:18px;margin-left:10%}.first-section-text p{padding:10px;margin:0}.first-section-text .center{align-self:center;transition:.5s}.first-section-text .center:hover{font-weight:bolder;transform:translateY(30%)}.first-section-text .right{align-self:flex-start;transition:.5s}.first-section-text .right:hover{transform:translate(-10%);font-weight:bolder}.first-section-text .left{align-self:flex-end;transition:.5s}.first-section-text .left:hover{transform:translate(10%);font-weight:bolder}@media (max-width: 1200px){.first-section{margin:5%}.first-section-text a{padding:20px}.profile-container{height:250px;width:250px;margin:0 auto}.profile-image{height:200px;width:200px}.background-circle{width:200px;height:200px}.welcome{max-width:360px}.welcome h1{font-size:22px}.welcome h2{font-size:28px;min-height:34px}.welcome_text_wrap{min-height:66px}.welcome strong{font-size:28px;margin-left:10px}.first-section-text{margin:3% 10%;font-size:14px}.first-section-text .left,.first-section-text .right{align-self:center;text-align:center}}@media (max-width: 800px){.first-section{flex-direction:column;margin:10% 0}}.second-section{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10% 10% 3%}.tag-list{max-width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.loop-slider{display:flex;align-items:center;width:fit-content;animation-name:loop;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:60s}.loop-slider img{max-height:130px;max-width:130px;margin:20px;border-radius:10%;object-fit:contain}@keyframes loop{0%{transform:translate(0)}to{transform:translate(-50%)}}.about-me{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:5%}.section{width:100%;margin-bottom:20px;display:flex;align-items:center;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000004d;transition:box-shadow .2s}.section:hover{box-shadow:0 2px 5px #00000080;transition:box-shadow .3s}.section img{max-width:130px;height:auto}.section p{font-size:1.2rem;margin:0 20px}@media (max-width: 600px){.second-section{text-align:center}.section img{max-width:70px}.section p{font-size:.8rem;margin:0 10px}}.last-section{position:fixed;top:100px;width:100%;z-index:2;display:flex;justify-content:center;align-items:center;visibility:hidden}.last-section.visible{visibility:visible}.contact-prevew{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0% 10% 10%}.contact-prevew button{width:200px;padding:10px;border:none;border-radius:5px;background-color:var(--background);color:var(--text);font-size:1.4rem;font-weight:700;cursor:pointer;transition:transform .5s,box-shadow .5s}.contact-prevew button:hover{transform:translateY(-3px);box-shadow:0 12px 12px #0003}.contact-prevew button:active{transform:translateY(0);box-shadow:0 12px 24px #ffc83c5d;transition:transform .1s,box-shadow .1s}.contact-me{opacity:0;transition:opacity 1s ease,transform 2s ease;z-index:3;width:100%;margin:0 10%}.contact-me.visible{opacity:1;display:block;visibility:visible}.contact-me h1{color:#daa520;text-align:center;margin-bottom:20px;font-size:2rem;text-transform:uppercase}.contact-me p{font-size:1.1rem;line-height:1.6;color:#fff}.background-change{position:fixed;width:50px;height:50px;border-radius:50%;transform:scale(0);transition:transform 1s,background .5s;z-index:1}.background-change.visible{background:#06001efe;transform:scale(50);transition:transform 2.5s,background .5s}.contact-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 30px;border-radius:10px;box-shadow:0 4px 10px #00000080}.contact-form label{display:block;margin-bottom:5px;font-weight:700;color:#fff}.contact-form input,.contact-form textarea{width:100%;padding:10px;margin-bottom:15px;border:none;border-radius:5px;background:#1a103f;color:#fff;font-size:1rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#88a}.contact-form input:focus,.contact-form textarea:focus{outline:none;box-shadow:0 0 5px #007bff}.form-footer{display:flex;justify-content:space-between}.form-footer button{width:100%;padding:10px;margin:10px;border:none;border-radius:5px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}.form-footer .back{background-color:#1a103f}.form-footer .back:hover{background-color:#1f134a}.form-footer .send{background-color:#daa520}.form-footer .send:hover{background-color:gold}@media (max-width: 600px){.contact-me p{font-size:.8rem;line-height:1.2;color:#f5f5f5}.contact-prevew{margin:4% 10% 26%}.contact-prevew button{width:150px;padding:10px;font-size:1rem}}