@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap";header{justify-content:space-between;margin-top:1rem}header nav ul{display:flex;gap:16px;background-color:var(--bgHeader);padding:5px;border:1px solid var(--border);border-radius:50px;padding:.5rem 1.2rem}header nav li{list-style:none;padding:10px;font-size:15px}header nav a{cursor:pointer;color:var(--title);opacity:.9;font-size:.85rem;font-weight:700;transition:.3s}header a:hover{color:var(--blue);font-size:1rem}.icon-menu,.mode{background-color:var(--bgHeader);height:2.6rem;width:2.4rem;text-align:center;border-radius:50%;color:var(--subtitel);border:2px solid var(--border);transition:.2s}body.light .mode{font-weight:700;font-size:19px;color:#000;border:1px solid rgba(255,217,0,.623)}body.light .mode:hover{border:1px solid rgb(241,190,61)}.icon-menu:hover,.mode:hover{color:var(--title);border:1px solid var(--title)}.icon-cross{font-size:1.3rem;color:var(--subtitel);transition:.3s}.icon-cross:hover{color:#dc143c;font-size:1.5rem;rotate:180deg}.icon-sun{color:#daa520}.menu{display:none}.model{width:85%;margin:0 auto;margin-top:2rem;background-color:var(--secondery);border-radius:1rem;padding:1rem 2rem;animation:mymove .5s 1}.model li{border-bottom:1px solid var(--border);padding-bottom:.65rem;padding-top:.5rem}.model li:last-child{border:none}body.light .model li a{color:#000;font-weight:700}.model li a{font-size:1rem;cursor:pointer}.model ul li:first-child{text-align:right;border:none;margin-bottom:-15px;padding-top:.3rem}@keyframes mymove{0%{scale:0}60%{scale:1.2}to{scale:1}}@media (max-width: 768px){nav{display:none}.menu{display:block}header{gap:90px}}.hero{display:flex;margin-top:.8rem;justify-content:space-between}.hero img{width:90px;border:1px solid rgb(188,206,240);border-radius:50%;margin-right:3px}body.light .hero img{border:1px solid rgba(0,0,0,.514)}.hero .photo{margin-top:30px;margin-bottom:10px}.hero .photo span{color:#6495ed}.hero h1{font-size:2.1rem;line-height:3rem}body.light .hero h1{color:#000000d0}.hero p{color:var(--subtitel);margin-top:5px;margin-bottom:15px}.hero ul .icon-twitter a:hover{color:#ff5100}.hero ul{display:flex;margin-top:10px;gap:20px}.hero ul a{font-size:1.5rem;color:var(--subtitel);cursor:pointer;transition:.2s}.hero ul .icont:hover{color:var(--blue);font-size:1.7rem}.hero ul .icon-instagram:hover{color:#ff0000b0;font-size:1.7rem}.hero ul .icon-linkedin-square:hover{color:#008cff;font-size:1.7rem}.hero ul .icon-github:hover{color:#ffffffea;font-size:1.7rem}body.light .hero ul .icon-github:hover{color:#918f8f}body.light .right .box{background-color:var(--secondery);color:#000}body.light .right .box h2{font-size:22px}@media (max-width: 767px){.hero{margin-top:25px}}@media (max-width: 1110px){.hero{margin-bottom:20px}.anmi{display:none}}.main{display:flex;gap:3rem;align-items:start;padding:0 20px}.left{display:flex;flex-direction:column;gap:1rem}.left button{padding:.75rem 0;width:11rem;font-size:1rem;background-color:#1e1f25;border-radius:5px;text-align:center;text-transform:capitalize;opacity:.5;transition:.5s}.left button:hover{opacity:1;margin-top:-5px;border:1px solid var(--icon-hover)}button.active{color:#fff;border:1px solid var(--blue);padding:.8rem o;opacity:1;font-weight:700;letter-spacing:.6px}.main .right{flex-grow:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.right .box img{width:100%;height:100%;object-fit:cover;border-radius:5px}.right .box{border:1px solid var(--border);border-radius:5px;transition:.3s;background-color:#80808021}.right .box:hover{border:1px solid var(--blue);rotate:1deg;scale:1.03}.light .right .box:hover{background-color:#f6f6f6;border:1px solid rgba(128,128,128,.342)}.right .title{padding:8px}.right h2{color:var(--ttile);font-size:22px;padding-bottom:10px}.right p{color:var(--subtitel);font-size:.8rem;margin-top:.3rem;padding-bottom:5px}.right .icons{display:flex;justify-content:space-between;margin:8px}.icons .links{display:flex;gap:10px;color:var(--subtitel);font-size:1.2rem;cursor:pointer;margin-bottom:5px}.more{font-size:15px;color:var(--blue);cursor:pointer;text-align:center;display:flex;gap:1px}.icon-arrow-right{padding-top:2px}.icons .links a:hover{color:var(--icon-hover);font-size:1.3rem}.more:hover{font-size:1rem}@media (max-width: 767px){.main{flex-direction:column;padding:0 10px}.left button{width:9rem}.left{flex-direction:row;flex-wrap:wrap;gap:10px}}@media (max-width: 1100px) and (min-width: 800px){.main .right{flex-grow:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}}.contact{display:flex;justify-content:space-between}.contact form{margin-top:50px}.contact .left .details .us{display:flex;gap:10px;margin-bottom:10px}.us span{margin-top:3px;color:var(--subtitel);font-size:28px}body.light .us span{color:#000}.details p{color:var(--subtitel)}body.light .details h2{color:#000}.details h2{font-size:30px}.details{margin-bottom:20px}.inputs{display:flex;flex-direction:column;gap:10px;color:var(--subtitel)}input,textarea{all:unset}.inputs input,textarea{background-color:#3f3f4626;color:var(--subtitel);border:2px solid var(--border);transition:.3s}.dark .inputs textarea{background-color:#3f3f4626;color:var(--subtitel)}.inputs input:first-of-type{padding:10px;margin-bottom:10px}.light .inputs input,textarea{background-color:#fff;color:#000}.light .inputs .sub{color:#fff}#email:focus,#message:focus{border:1px solid rgb(45 212 191)}#email:hover,#message:hover{border:1px solid rgb(45 212 191)}.inputs textarea{height:150px;margin-bottom:20px;padding:5px;resize:vertical}.inputs .sub{width:100px;text-align:center;color:#fff;cursor:pointer;padding:8px}body.light .inputs .sub{background-color:#000;border:1px solid black}body.light .inputs .sub:hover{border:1px solid gray}.inputs .sub:hover{border:1px solid rgb(45 212 191)}@media (max-width: 800px){.contact .inputs{display:flex;flex-grow:1;justify-content:center;align-items:center}.contact input:first-of-type{width:60%}.contact textarea{width:100%}}@media (max-width: 1110px){.right .contactAnmotion{display:none}.contact .inputs{margin-bottom:20px}}.footer{display:flex;align-items:center;justify-content:space-between}.footer .left{color:#71717a;padding-bottom:20px}.rlinks{display:flex;align-items:center;padding-bottom:20px}.rlinks a{color:var(--subtitel);margin:10px;cursor:pointer;transition:.3s}.rlinks a:hover{color:var(--blue);margin:5px 10px 10px;font-weight:500}@media (max-width: 800px){.footer{flex-direction:column}}html{font-family:Roboto,sans-serif;scroll-behavior:smooth;box-sizing:border-box;letter-spacing:.1px}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}:root{--primary: #000;--secondery: #18181b;--border: rgba(63, 63, 70, .4);--title: rgb(244 244 245);--subtitel: rgb(161 161 170);--bgHeader: rgb(39, 39, 42);--blue: cornflowerblue;--icon-hover: #d4d4d8;--container-padding: 3rem}.light{--primary: rgb(250, 250, 250);--secondery: rgb(255, 255, 255);--border: rgba(202, 202, 202, .518);--title: rgb(39 39 42);--subtitel: rgb(82 82 91);--bgHeader: rgb(253, 253, 253);--blue: rgb(0, 149, 246);--icon-hover: #333}body{background-color:var(--primary);color:#fff}.container{border:2px solid var(--border);width:80%;margin-left:auto;margin-right:auto;background-color:var(--secondery);padding:0 var(--container-padding)}.divider{border-bottom:1px solid var(--border);margin:var(--container-padding) 0;width:calc(100% + var(--container-padding) + var(--container-padding));margin-left:calc(var(--container-padding) * -1)}.flex-b{display:flex;justify-content:space-around;align-items:center}button:hover{cursor:pointer}button:active{scale:.95}.flex-c{display:flex;justify-content:center;align-items:center}a{text-decoration:none;transition:.2s}.fixed{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#282830d9;z-index:11;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}ul{list-style:none}button{all:unset}@media (max-width: 1000px){.container{--container-padding: 1.2rem;width:98%;padding:0 var(--container-padding)}.divider{width:calc(100% + var(--container-padding) + var(--container-padding));margin-left:calc(var(--container-padding) * -1)}}@media (max-width: 768px){.container{width:95%;padding:0 1.2rem}.scrolltotop{width:2rem;height:2rem;opacity:.4}}::-webkit-scrollbar{width:.88rem}::-webkit-scrollbar-track{border:7px solid #292c3b;box-shadow:inset 0 0 2.5px 2px #00000080;border-radius:4px;background-color:#d4d4d8}::-webkit-scrollbar-thumb{background:#999;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}html{scrollbar-color:var(--secondery) #262f39}.scrolltotop{position:fixed;background-color:#1976d2d9;width:2.6rem;height:2.6rem;border-radius:50%;text-align:center;font-size:25px;font-weight:700;bottom:2rem;right:3%;transition:.5s;border:1px solid #ffffff4f;color:#fff;transition:.3s}.scrolltotop:hover{background-color:#1976d2;margin-bottom:10px}