.contact{height:100%;max-width:1100px;margin:auto;display:flex;align-items:center;gap:50px}@media (min-width: 1025px) and (max-width: 1280px){.contact{padding:0 3rem;gap:30px}}@media (min-width: 769px) and (max-width: 1024px){.contact{flex-direction:column;gap:0}}@media (max-width: 768px){.contact{gap:0;width:100%;padding:0;flex-direction:column}}.contact .textContainer{flex:1;display:flex;flex-direction:column;gap:40px}@media (min-width: 769px) and (max-width: 1024px){.contact .textContainer{text-align:center;margin-top:25px;flex:none}}@media (max-width: 768px){.contact .textContainer{gap:20px;text-align:center;align-items:center;margin-top:70px}}.contact .textContainer h1{font-size:100px;line-height:1}@media (min-width: 1025px) and (max-width: 1280px){.contact .textContainer h1{font-size:4.9rem}}@media (min-width: 769px) and (max-width: 1024px){.contact .textContainer h1{font-size:4rem;line-height:1.1}}@media (max-width: 768px){.contact .textContainer h1{font-size:1.5rem;line-height:1}}@media (max-width: 370px){.contact .textContainer h1{line-height:1.5}}@media (min-width: 1025px) and (max-width: 1280px){.contact .textContainer .item{font-size:.8rem}}@media (max-width: 768px){.contact .textContainer .item{font-size:.7rem}}.contact .textContainer span{font-weight:300}.contact .formContainer{flex:1;position:relative;z-index:2}@media (min-width: 1025px) and (max-width: 1280px){.contact .formContainer{height:50%}}@media (min-width: 769px) and (max-width: 1024px){.contact .formContainer{width:100%;padding:1rem 2rem}}@media (max-width: 768px){.contact .formContainer{padding:30px;width:100%}}.contact .formContainer .phoneSvg{stroke:orange;position:absolute;margin:auto;z-index:-1}@media (min-width: 769px) and (max-width: 1024px){.contact .formContainer .phoneSvg{display:flex;justify-content:center;align-items:center;margin:0 auto;width:90%}.contact .formContainer .phoneSvg svg{width:100%;height:auto}}@media (min-width: 769px) and (max-width: 1024px){.contact .formContainer .phoneSvg svg{height:450px;display:block}}@media (max-width: 768px){.contact .formContainer .phoneSvg{display:flex;justify-content:center;align-items:center;margin:0 auto;width:90%}.contact .formContainer .phoneSvg svg{height:250px;display:block}}.contact .formContainer form{display:flex;flex-direction:column;gap:20px}@media (min-width: 1025px) and (max-width: 1280px){.contact .formContainer form{width:90%}}.contact .formContainer form input,.contact .formContainer form textarea{padding:20px;background-color:transparent;border:1px solid white;color:#fff;border-radius:5px}@media (max-width: 768px){.contact .formContainer form input,.contact .formContainer form textarea{padding:10px}}.contact .formContainer form button{padding:20px;border:none;background-color:orange;cursor:pointer;font-weight:500}@media (max-width: 768px){.contact .formContainer form button{padding:10px}}.contact .formContainer form .form-message{font-size:.95rem;font-weight:500;padding:.75rem 1rem;border-radius:8px;text-align:center;transition:opacity .3s ease-in-out}.contact .formContainer form .form-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.contact .formContainer form .form-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.cursor{width:30px;height:30px;border-radius:50%;border:1px solid white;position:fixed;z-index:999}@media (max-width: 768px){.cursor{display:none}}.hero{height:calc(100vh - 100px);overflow:hidden;background:linear-gradient(180deg,#0c0c1d,#111132);position:relative}.hero .wrapper{max-width:1100px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px}@media (min-width: 769px) and (max-width: 1024px){.hero .wrapper{flex-direction:column;justify-content:center;gap:2rem}}@media (max-width: 768px){.hero .wrapper{padding:0 12px;flex-direction:column;justify-content:center}}.hero .wrapper .textContainer{display:flex;flex-direction:column;justify-content:center;gap:1.1rem;width:100%}@media (max-width: 768px){.hero .wrapper .textContainer{align-items:center;text-align:center}}.hero .wrapper .textContainer h1{font-size:4rem;text-align:center}.hero .wrapper .textContainer h1 span{color:#eeab35}@media (min-width: 769px) and (max-width: 1024px){.hero .wrapper .textContainer h1{font-size:3.5rem}}@media (max-width: 768px){.hero .wrapper .textContainer h1{font-size:2.4rem;padding:0 1.5rem}}.hero .wrapper .textContainer h2{font-weight:400;font-size:1.2rem;color:gray;max-width:800px;margin:auto;text-align:center}@media (max-width: 768px){.hero .wrapper .textContainer h2{font-size:.7rem;padding:0 2rem}}.hero .wrapper .textContainer .buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.hero .wrapper .textContainer .buttons button{padding:.8rem 1.2rem;border:1px solid white;border-radius:10px;background-color:transparent;color:#fff;font-weight:300;font-size:.9rem}@media (max-width: 768px){.hero .wrapper .textContainer .buttons button{padding:.5rem .8rem;font-size:.8rem}}.hero .wrapper .textContainer img{width:35px;margin:auto}.hero .wrapper .textContainer .codeFrame{background-color:#1e1e1e;color:#d4d4d4;font-family:Courier New,Courier,monospace;border-radius:10px;padding-bottom:30px;width:100%;max-width:600px;margin:1.5rem auto 0;box-shadow:0 0 30px #0000004d;overflow:hidden}@media (max-width: 768px){.hero .wrapper .textContainer .codeFrame{width:90%;margin-top:1rem}}.hero .wrapper .textContainer .codeFrame .terminalHeader{background-color:#444;display:flex;align-items:center;padding:.8rem 1rem;height:40px;box-shadow:0 4px 6px #0000004d}.hero .wrapper .textContainer .codeFrame .red,.hero .wrapper .textContainer .codeFrame .yellow,.hero .wrapper .textContainer .codeFrame .green{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:8px}.hero .wrapper .textContainer .codeFrame .red{background-color:#ff5f56}.hero .wrapper .textContainer .codeFrame .yellow{background-color:#ffbd2e}.hero .wrapper .textContainer .codeFrame .green{background-color:#27c93f}.hero .wrapper .textContainer .codeFrame .terminal-output{white-space:pre-line;margin-top:30px;font-size:14px;text-align:center}@media (max-width: 768px){.hero .wrapper .textContainer .codeFrame .terminal-output{font-size:10px}}.hero .slidingTextContainer{position:absolute;font-size:50vh;bottom:-120px;white-space:nowrap;color:#ffffff09;width:50%;font-weight:700}@media (max-width: 768px){.hero .slidingTextContainer{display:none}}.sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;color:#000}.sidebar .bg{position:fixed;top:0;left:0;bottom:0;width:350px;background:white;z-index:999}@media (max-width: 768px){.sidebar .bg{width:200px}}.sidebar .bg .links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.sidebar .bg .links a{font-size:27px}@media (max-width: 768px){.sidebar .bg .links a{font-size:20px}}.sidebar button{z-index:999;width:50px;height:50px;border-radius:50%;position:fixed;top:25px;left:25px;background-color:transparent;border:none;cursor:pointer}.toggle-button{position:absolute;top:50px;left:50px;width:60px;height:60px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.toggle-button svg{width:23px;height:23px}.navbar{height:100px}.navbar .wrapper{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:100%}@media (max-width: 768px){.navbar .wrapper{justify-content:flex-end;padding:20px}}@media (min-width: 769px) and (max-width: 1024px){.navbar .wrapper{justify-content:flex-end;padding:20px}}.navbar .wrapper span{font-weight:700}@media (max-width: 768px){.navbar .wrapper span{display:none}}@media (min-width: 769px) and (max-width: 1024px){.navbar .wrapper span{display:none}}.navbar .wrapper .social{display:flex;gap:20px}.navbar .wrapper .social img{width:18px;height:18px}.parallex{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.parallex h1{font-size:100px}@media (max-width: 768px){.parallex h1{font-size:3rem;text-align:center}}.parallex .mountains{background-image:url(/michelle-portfolio/mountains.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:3}@media (max-width: 768px){.parallex .mountains{background-size:contain;background-repeat:no-repeat}}.parallex .planets{background-image:url(/michelle-portfolio/planets.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:2}@media (max-width: 768px){.parallex .planets{background-size:contain;background-repeat:no-repeat}}.parallex .stars{background-image:url(/michelle-portfolio/stars.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:1}.portfolio{display:flex;flex-direction:column;align-items:center}.portfolio .progress{position:sticky;top:0;left:0;padding-top:50px;text-align:center;color:orange;font-size:2rem}@media (min-width: 769px) and (max-width: 1024px){.portfolio .progress{font-size:1.3rem}}@media (max-width: 768px){.portfolio .progress{padding-top:2rem;font-size:10px}}@media (max-width: 370px){.portfolio .progress{padding-left:3rem}}.portfolio .progress .progressBar{height:3px;background-color:#fff}@media (max-width: 768px){.portfolio .progress .progressBar{display:none}}@media (max-width: 768px){.portfolio .progress .bar{display:block;height:3px;background-color:#fff;width:10rem;margin:0 auto}}.portfolio .container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.portfolio .container .wrapper{max-width:1100px;display:flex;align-items:center;justify-content:center;gap:30px}@media (max-width: 768px){.portfolio .container .wrapper{flex-direction:column;padding-top:70px}}.portfolio .container .wrapper .imageContainer{flex:1;height:50%}@media (max-width: 768px){.portfolio .container .wrapper .imageContainer{width:100%;max-height:300px}}.portfolio .container .wrapper .imageContainer img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.portfolio .container .wrapper .imageContainer img{object-fit:contain}}.portfolio .container .wrapper .textContainer{flex:1;display:flex;flex-direction:column;gap:20px}@media (max-width: 768px){.portfolio .container .wrapper .textContainer{transform:none!important;padding:10px;align-items:center;text-align:center}}.portfolio .container .wrapper .textContainer h2{font-size:35px}@media (max-width: 768px){.portfolio .container .wrapper .textContainer h2{padding-top:1.2rem;font-size:20px}}.portfolio .container .wrapper .textContainer p{color:gray;font-size:17px}@media (max-width: 768px){.portfolio .container .wrapper .textContainer p{font-size:14px}}.portfolio .container .wrapper .textContainer button{background-color:orange;border:none;border-radius:10px;padding:10px;width:100px;cursor:pointer}.services{background:linear-gradient(180deg,#0c0c1d,#111132);min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:2rem 1rem}.services .textContainer{flex:1;align-self:flex-end;display:flex;align-items:center;gap:20px}.services .textContainer p{font-weight:200;font-size:20px;color:gray;text-align:right}.services .textContainer hr{width:500px;border:none;border-top:.5px solid gray}@media (min-width: 769px) and (max-width: 1024px){.services .textContainer{flex-direction:column;align-self:center;text-align:center}.services .textContainer hr{width:300px}}@media (max-width: 768px){.services .textContainer{flex-direction:column;text-align:center}.services .textContainer p{font-size:1rem}.services .textContainer hr{width:300px}}@media (max-width: 768px) and (max-width: 370px){.services .textContainer{gap:10px}.services .textContainer p{font-size:.8rem}.services .textContainer hr{width:200px}}.services .titleContainer{flex:2;display:flex;flex-direction:column;align-items:center;width:100%}.services .titleContainer .title{display:flex;align-items:center;gap:50px}.services .titleContainer .title img{width:200px;height:70px;border-radius:50px;object-fit:cover}.services .titleContainer .title h1{font-size:80px;font-weight:100}.services .titleContainer .title button{width:200px;height:70px;border-radius:50px;background-color:orange;border:none;font-size:24px}@media (min-width: 1025px) and (max-width: 1280px){.services .titleContainer .title h1{font-size:49px}}@media (min-width: 769px) and (max-width: 1024px){.services .titleContainer .title{flex-direction:column;text-align:center;gap:20px;padding:.5rem 0}.services .titleContainer .title img{width:100px;height:20px}.services .titleContainer .title h1{font-size:36px}.services .titleContainer .title button{font-size:12px;width:100px;height:30px}}@media (max-width: 768px){.services .titleContainer .title{flex-direction:column;text-align:center;gap:10px}.services .titleContainer .title img{width:100px;height:20px}.services .titleContainer .title h1{font-size:30px}.services .titleContainer .title button{font-size:16px;width:120px;height:40px}}.services .listContainer{flex:2;display:flex;max-width:1100px;margin:auto;gap:1rem}.services .listContainer .box{flex:1;padding:3rem;border:.5px solid gray;display:flex;flex-direction:column;justify-content:space-between}.services .listContainer .box p{font-weight:300}@media (min-width: 769px) and (max-width: 1024px){.services .listContainer .box{padding:20px}}@media (max-width: 768px){.services .listContainer .box{align-items:center;gap:20px;padding:10px}.services .listContainer .box p{display:none}.services .listContainer .box h2{font-size:1rem}.services .listContainer .box button{background-color:transparent;border:1px solid orange;border-radius:5px;color:orange;width:50%;padding:5px}}@media (min-width: 769px) and (max-width: 1024px){.services .listContainer{flex-direction:column;width:60%}}@media (max-width: 768px){.services .listContainer{flex-direction:column;width:100%}}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}*{padding:0;margin:0;box-sizing:border-box;font-family:DM Sans,sans-serif}body{background-color:#0c0c1d;color:#d3d3d3}a{text-decoration:none;color:inherit}section{height:100vh;scroll-snap-align:center}section{background:linear-gradient(180deg,#0c0c1d,#111132)}.about{max-width:1100px;margin:auto;display:grid;grid-template-rows:10rem 1fr;align-items:center}@media (max-width: 768px){.about{grid-template-rows:none}}.section_title{font-size:3rem;text-align:center;transition:color 1s ease-in;animation:colorChange 1s ease-in-out;animation-delay:4s;opacity:0;transform:translateY(20px);animation-fill-mode:forwards}@media (min-width: 769px) and (max-width: 1024px){.section_title{font-size:1.9rem}}@media (max-width: 768px){.section_title{font-size:1.8rem;line-height:2}}@media (max-width: 370px){.section_title{line-height:2.4}}@keyframes colorChange{0%{color:#fff;opacity:0;transform:translateY(20px)}to{color:orange;opacity:1;transform:translateY(0)}}.section_subtitle{display:block;font-size:1.2rem;color:gray;text-align:center}@media (min-width: 769px) and (max-width: 1024px){.section_subtitle{margin-bottom:0;font-size:.9rem}}@media (max-width: 768px){.section_subtitle{margin-bottom:0;font-size:.8rem}}.about_container{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;column-gap:3rem}@media (min-width: 1025px) and (max-width: 1280px){.about_container{column-gap:2.5rem}}@media (min-width: 769px) and (max-width: 1024px){.about_container{grid-template-columns:none;row-gap:2.5rem}}@media (max-width: 768px){.about_container{grid-template-columns:none}}.wrapper{display:flex;align-items:center;justify-content:center}.portfolio_img{background:url(/michelle-portfolio/mich.png);background-size:contain;background-position:center;background-repeat:no-repeat;height:500px;width:500px;box-shadow:0 20px 5px #0003;animation:animate 5s ease-in-out infinite;transition:all 1s ease-in-out}@media (min-width: 1025px) and (max-width: 1280px){.portfolio_img{width:400px;height:450px}}@media (min-width: 769px) and (max-width: 1024px){.portfolio_img{width:300px;height:350px}}@media (max-width: 768px){.portfolio_img{width:150px;height:130px}}@keyframes animate{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.about_info{display:grid;grid-template-columns:repeat(2,200px);gap:1rem;justify-content:center}@media (min-width: 769px) and (max-width: 1024px){.about_info{grid-template-columns:1fr 1fr;gap:.8rem}}@media (max-width: 768px){.about_info{grid-template-columns:150px;gap:0}}.about_box{text-align:center;padding:1.5rem 0;font-size:small}@media (max-width: 768px){.about_box{padding:.5rem 0;font-size:x-small}}.about_title{font-size:.85rem;font-weight:300;color:orange}.about_description{padding:0 2rem 0 0;font-weight:300;text-align:center}@media (min-width: 769px) and (max-width: 1024px){.about_description{padding:0 1rem;font-size:.7rem}}@media (max-width: 768px){.about_description{padding:0 .7rem;font-size:.7rem}}