@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);:root{--bg-color:#e2f5f7;--text-color:#2b2b2b;--text-color-hover:#535353;--accent-color:#3874b1;--accent-color-hover:#104171;--menu-color:#c5e1e3;--menu-hover:#b3d3d5}[data-theme=dark]{--bg-color:#282838;--text-color:#e2f5f7;--text-color-hover:#b3cfd1;--accent-color:#80cedb;--accent-color-hover:#2293a7;--menu-color:#2f2f43;--menu-hover:#3a3a55}*,::after,::before{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:.3em}::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:50vh;transition:.2s ease-out}@keyframes writing{from,to{background-color:transparent}50%{background-color:var(--accent-color)}}body{background-color:var(--bg-color);color:var(--text-color);font-family:"Open Sans"}header{width:100%;height:4em;display:flex;align-items:center;justify-content:space-between;padding-inline:1em}header .menu{padding:.5em;display:none}header .menu:hover{cursor:pointer}header .menu:hover i{color:var(--accent-color)}header .menu i{font-size:1.5em;transition:.2s ease-out;color:var(--text-color)}header .banner{height:80%;width:auto;padding:.5em;cursor:pointer}header .banner img{object-fit:cover;width:100%;height:100%}header ul{display:flex;align-items:center;justify-content:center;gap:1em;padding-right:1em;list-style:none;margin-left:auto;font-weight:600}header ul li a{text-decoration:none;color:var(--text-color);transition:.2s ease-out}header ul li a.write{background:linear-gradient(135deg,#3874b1,#80cedb);color:#2b2b2b;padding:.5em 1em;border-radius:100vh}header ul li a.write:hover{color:#2b2b2b}header ul li a.active{color:var(--accent-color);font-weight:800}header ul li a:hover{color:var(--accent-color)}header .themeSwitcher{height:50%;aspect-ratio:2/1;margin-left:1em}header .themeSwitcher input{display:none}header .themeSwitcher input:checked+.toggle .circle{transform:translateX(0);border:3px solid #80cedb}header .themeSwitcher .toggle{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:space-between;padding-inline:0.2em;background-color:var(--bg-color);border-radius:50vh;overflow:hidden;border:2px solid rgba(192,192,192,.5019607843)}header .themeSwitcher .toggle label{width:100%;height:100%;position:absolute}header .themeSwitcher .toggle label:hover{cursor:pointer}header .themeSwitcher .toggle .circle{height:80%;aspect-ratio:1/1;border-radius:50%;border:3px solid #3874b1;background-color:var(--bg-color);transform:translateX(calc(150% - .2em));transition:.3s cubic-bezier(.47, 1.64, .41, .8);pointer-events:none;position:absolute}header .themeSwitcher .toggle .sun{height:70%;aspect-ratio:1/1;margin-left:.1em}header .themeSwitcher .toggle .moon{height:70%;aspect-ratio:1/1;margin-right:.1em}footer{display:flex;align-items:center;height:3em;font-weight:600;font-size:.8em;padding-inline:1em}@media (max-width:700px){header .menu{display:initial}header ul{position:absolute;width:5em;height:max-content;flex-direction:column;justify-content:flex-start;padding-block:2em;padding-right:0;gap:1.5em;top:0;left:0;z-index:20;background-color:var(--menu-color);border-radius:0 20px 20px 0;transform:translateX(-100%);transition:.3s ease-in-out}header ul.active{transform:translateX(0)}header ul :not(:first-child) a{padding:.5em 1em}}.container1{width:100%;min-height:calc(100vh - 4em);display:flex}.container1 .section1{width:50%;flex-direction:column;padding:2em 0 2em 2em}.container1 .section1 .title{font-size:1.5em;margin-bottom:1em}.container1 .section1 .title h2{font-weight:800}.container1 .section1 .title i{font-size:.9em}.container1 .section1 form{width:80%;display:flex;flex-direction:column;gap:1em}.container1 .section1 form .section{display:flex;flex-direction:column;gap:.5em}.container1 .section1 form .section label{font-weight:600;color:var(--accent-color);font-size:1.1em}.container1 .section1 form .section input{width:100%;background-color:var(--menu-hover);color:var(--text-color);border:none;outline:0;border-radius:10px;padding:.5em 1em;font-size:1em;font-family:"Open Sans",sans-serif}.container1 .section1 form .section textarea{width:100%;background-color:var(--menu-hover);color:var(--text-color);resize:vertical;border:none;outline:0;border-radius:10px;height:15em;font-family:"Open Sans",sans-serif;font-size:1em;padding:1em}.container1 .section1 form button{width:max-content;padding:.8em 1em;border:none;outline:0;font-family:"Open Sans",sans-serif;font-weight:700;border-radius:50vh;background-color:var(--accent-color);color:var(--bg-color);margin-top:1em;transition:.2s ease-out}.container1 .section1 form button:hover{cursor:pointer;background-color:var(--accent-color-hover)}.container1 .section2{width:50%;background-color:var(--menu-color);padding-block:4em;padding-inline:5em 2em;border-radius:15px 0 0 15px;display:flex;flex-direction:column;gap:3em}.container1 .section2 .subtitle{width:70%}.container1 .section2 .subtitle p{font-size:1.1em;font-weight:600}.container1 .section2 .otherMethods{font-size:1.5em;display:flex;flex-direction:column;gap:.5em}.container1 .section2 .otherMethods div{display:flex;align-items:center;gap:.5em}.container1 .section2 .otherMethods div span{font-size:.8em}.container1 .section2 .socialMedia{width:max-content;display:flex;gap:1em}.container1 .section2 .socialMedia a{color:var(--accent-color);text-decoration:none;font-size:2em;transition:.2s ease-out}.container1 .section2 .socialMedia a:hover{color:var(--accent-color-hover)}@media (max-width:700px){.container1{flex-direction:column}.container1 .section1{width:100%;padding:2em}.container1 .section1 form{width:100%}.container1 .section2{width:100%;padding:2em;align-items:center}.container1 .section2 .subtitle{text-align:center;width:100%}.container1 .section2 .otherMethods{width:fit-content;font-size:clamp(1.2em, -.875em + 8.333vw, 1.5em)}}