@import"https://fonts.googleapis.com/css2?family=Raleway:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500;600;700&display=swap";.grid-home{font-family:Raleway,sans-serif;font-weight:600;display:flex;width:100%;padding:20px 0;color:#000}.grid-home .first-grid{width:70em;padding:20px 0}.grid-home .first-grid .text{margin-top:28px;padding-top:20px;display:flex;justify-content:space-between;height:20rem;font-size:16px}.grid-home .list{background-color:#d9d9d9;width:25rem;margin-top:20px;margin-left:80px;border-radius:36px;padding:20px 28px;height:25.55rem;max-height:25.55rem;display:flex}.grid-home .list b{font-size:16px;font-weight:900!important}@media (max-width: 768px){.grid-home{flex-wrap:wrap}.grid-home .first-grid{display:flex;flex-wrap:wrap}.grid-home .list{margin:0;width:100%}}@media (max-width: 500px){.grid-home .first-grid .text{height:32rem}}@media (max-width: 400px){.grid-home .first-grid .text{height:36rem}}@media (max-width: 320px){.grid-home{font-size:10px}.grid-home .first-grid .text{font-size:12px;height:36rem}}@media (max-width: 320px){.about .list{padding:20px}}.contact{font-family:Raleway,sans-serif;display:flex;flex-wrap:wrap;padding:20px 0}.contact .grid-contacts{display:flex;justify-content:space-between;width:100%;flex-wrap:wrap}.contact .grid-contacts .first-grid{width:18rem;padding:20px 0}.contact .grid-contacts .first-grid .text{display:flex;flex-wrap:wrap;margin-top:0;padding-right:0;height:15rem;max-height:15rem}.contact .grid-contacts .first-grid .text b{width:100%;height:0px}.contact .grid-contacts .first-grid .text ul{margin:0;margin-block-start:0em;padding-inline-start:20px}.contact .grid-contacts .first-grid .text ul li{margin-bottom:4px}.contact .grid-contacts .list{overflow:hidden;margin-top:18px;height:17rem;max-height:17rem;width:14rem;max-width:14rem;padding:4px;display:flex;align-items:center;justify-content:center;position:relative}.contact .grid-contacts .list img{border-radius:32px;height:100%;width:100%;z-index:2;filter:sepia(45%)}.contact .grid-contacts .list:before{content:"";position:absolute;width:80px;height:300%;animation:animate_rotate_color 3.5s linear infinite}@media (max-width: 768px){.contact .grid-contacts .first-grid{width:100%}.contact .grid-contacts .list{width:50%;height:20em;margin:auto}}@media (max-width: 500px){.contact .grid-contacts .list{width:100%;height:20em;margin:auto}}@media (max-width: 320px){.contact .grid-contacts .list{width:80%}}.grid-footer{font-family:Raleway,sans-serif;width:100vw;max-width:100vw;background:linear-gradient(rgba(66,29,8,.82),rgba(52,22,5,.9));display:flex;justify-content:center;align-items:center}.grid-footer .content-footer{padding:12px 0;margin-left:12px;width:70vw;display:flex;justify-content:space-between;align-items:center}.grid-footer .content-footer .left,.grid-footer .content-footer .rigth{display:flex;flex-wrap:wrap;width:200px;color:#f0f8ff}.grid-footer .content-footer .left a,.grid-footer .content-footer .rigth a{color:#f0f8ff;font-weight:400;font-size:14px;display:flex;align-items:center;gap:4px;width:100%;margin-bottom:2px;margin-left:40px;transition:scale .5s}.grid-footer .content-footer .left a:hover,.grid-footer .content-footer .rigth a:hover{scale:1.2}@media (max-width: 500px){.grid-footer .content-footer .left,.grid-footer .content-footer .rigth{font-size:10px;line-height:14px}.grid-footer .content-footer .left a,.grid-footer .content-footer .rigth a{font-size:10px;line-height:10px;margin-bottom:0}.grid-footer .content-footer .left svg,.grid-footer .content-footer .rigth svg{width:12px}}.grid-header{width:100vw;box-shadow:0 6px 10px #421d08d1;background:linear-gradient(rgba(96,46,18,.9),rgba(52,22,5,.9));padding:12px 0;z-index:999;display:flex;flex-direction:row;justify-content:center;align-items:center;position:fixed;top:0;left:0}.grid-header nav{width:70vw;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.grid-header nav .profile,.grid-header nav img{height:40px;width:40px;border-radius:50%}.grid-header nav .profile{border:2px solid rgba(190,75,10,.82);transition:scale .5s}.grid-header nav .profile:hover{scale:1.4;animation:profile_animation 2s infinite ease-in-out}.grid-header nav .header_item{cursor:pointer;font-size:18px;font-weight:600;color:#f0f8ff;position:relative;display:inline-block}.grid-header nav .header_item:before,.grid-header nav .header_item:after{content:"";position:absolute;width:100%;height:2px;background-color:#f0f8ff;border-radius:6px;scale:.1;transition:scale .5s}.grid-header nav .header_item:before{transform-origin:left;left:0;bottom:0}.grid-header nav .header_item:after{transform-origin:right;right:0;top:0}.grid-header nav .header_item a{color:#f0f8ff}.grid-header nav .header_item a:target{scroll-margin-top:.8em}.grid-header nav .header_item:hover{transform:scale(1.2)}.grid-header nav .header_item:hover:before,.grid-header nav .header_item:hover:after{scale:1}@media (max-width: 768px){.grid-header nav .header_item{display:none}}.grid-header nav .menu_bar{display:none}@media (max-width: 768px){.grid-header nav .menu_bar{display:flex;color:#f0f8ff}}.grid-header nav .menu_items{display:none;animation:top_to_bottom .5s ease-in-out both}.grid-header nav .visible{z-index:9999;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:8px;position:absolute;top:68px;left:0;width:100vw;box-shadow:0 6px 10px #421d08d1;background:rgba(52,22,5,.9)}.grid-header nav .visible .header_item{justify-content:center;align-items:center;border-bottom:1px solid aliceblue;padding:12px;width:100%;display:flex}@keyframes top_to_bottom{0%{top:0px}to{top:68px}}@keyframes profile_animation{0%{border-color:#be4b0ad1;box-shadow:0 4px 20px #be4b0ad1}20%{border-color:#be4b0ad1;box-shadow:0 4px 20px #be4b0ad1}40%{border-color:#0abe52d1;box-shadow:0 4px 20px #0abe52d1}60%{border-color:#108b41d1;box-shadow:0 4px 20px #108b41d1}80%{border-color:#0f6f35d1;box-shadow:0 4px 20px #0f6f35d1}to{border-color:#be4b0ad1;box-shadow:0 4px 20px #be4b0ad1}}@keyframes scale_animation{0%{scale:1}to{scale:1.4}}@keyframes animate_rotate_color{0%{transform:rotate(0);background:linear-gradient(rgba(66,29,8,.82) 52%,rgba(96,46,18,.9))}20%{transform:rotate(72deg);background:linear-gradient(rgba(149,61,12,.82) 52%,rgba(52,22,5,.9))}40%{transform:rotate(144deg);background:linear-gradient(rgba(96,46,18,.9) 52%,rgba(66,29,8,.82))}60%{transform:rotate(216deg);background:linear-gradient(rgba(149,61,12,.82) 52%,rgba(96,46,18,.9))}80%{transform:rotate(288deg);background:linear-gradient(rgba(96,46,18,.9) 52%,rgba(66,29,8,.82))}to{transform:rotate(360deg);background:linear-gradient(rgba(96,46,18,.9) 52%,rgba(52,22,5,.9))}}@keyframes left_to_Rigth{0%{left:-60%}to{left:60%}}@keyframes cards_Left_to_Rigth{0%{left:-60%}to{left:0}}@keyframes cards_Rigth_to_Left{0%{left:60%}to{left:0}}.projects .grid-cards{display:flex;flex-wrap:wrap;height:38rem;background-color:#d9d9d9;padding:0 54px;border-radius:40px;max-width:100%;width:100%;position:relative}.projects .grid-cards button{position:absolute;border-radius:50%;padding:8px 20px 14px;font-size:32px;display:flex;align-items:center;top:44%;opacity:.8;background:rgba(96,46,18,.9);color:#f0f8ff}.projects .grid-cards button:hover{opacity:.9;transform:scale(1.1)}.projects .grid-cards .grid-choices{position:absolute;bottom:12px;left:46%;display:flex;gap:4px}.projects .grid-cards .grid-choices .option{height:10px;width:16px;border-radius:20px;background-color:#341605e6;color:transparent;opacity:.8;cursor:pointer;transition:scale .5s}.projects .grid-cards .grid-choices .option:hover{scale:1.2}.projects .grid-cards .grid-choices .group-selected{opacity:1}.projects .grid-cards .prev{left:-20px}.projects .grid-cards .next{right:-20px}.projects .grid-cards .row{display:flex;justify-content:space-between;width:100%;overflow:hidden;padding:32px 20px}.projects .grid-cards .row .next_slider{animation:cards_Left_to_Rigth 1s ease-in-out}.projects .grid-cards .row .prev_slider{animation:cards_Rigth_to_Left 1s ease-in-out}.projects .grid-cards .row .card{width:22rem;height:14rem;margin-bottom:8px;border-radius:10px;background:linear-gradient(rgba(99,102,100,.82),rgba(124,124,124,.63));box-shadow:13px 12px 12px #0000009e;position:relative;overflow:hidden}.projects .grid-cards .row .card .ribbon{position:absolute;width:150%;display:flex;justify-content:center;letter-spacing:8px;background-color:#000;color:#fff;padding:5px 10px;left:-80px}.projects .grid-cards .row .card .ribbon span{position:relative;left:-60%;animation:left_to_Rigth 5s ease-in-out infinite}.projects .grid-cards .row .card .first{top:24px;transform:rotate(10deg)}.projects .grid-cards .row .card .second{top:80px;transform:rotate(355deg);left:-10}.projects .grid-cards .row .card .second span{animation-delay:1.5s}.projects .grid-cards .row .card .thirth{top:132px;transform:rotate(5deg)}.projects .grid-cards .row .card .thirth span{animation-delay:.2s}.projects .grid-cards .row .card .fourth{top:132px;transform:rotate(350deg)}.projects .grid-cards .row .card .fourth span{animation-delay:2s}.projects .grid-cards .row .card .fifth{top:182px;transform:rotate(3deg)}.projects .grid-cards .row .card .fifth span{animation-delay:1s}.projects .grid-cards .row .card .sixth{top:28px;transform:rotate(348deg)}.projects .grid-cards .row .card .sixth span{animation-delay:3s}.projects .grid-cards .row .card_w_item{cursor:pointer;transition:scale .5s}.projects .grid-cards .row .card_w_item img{width:100%;height:80%}.projects .grid-cards .row .card_w_item .grid-title{height:14%;display:flex;align-items:center;justify-content:center;color:#341605e6}.projects .grid-cards .row .card_w_item .grid-title span{font-weight:700}.projects .grid-cards .row .card_w_item:hover{scale:1.1}@media (max-width: 768px){.projects .grid-cards{padding:0 4px}.projects .grid-cards .row .card{width:12em;height:10em}}@media (max-width: 500px){.projects .grid-cards{padding:0 4px;height:52rem}.projects .grid-cards .row{flex-wrap:wrap;gap:20px}.projects .grid-cards .row .card{margin:auto;width:12em;height:10em}.projects .grid-cards .grid-choices{left:7em}.projects .grid-cards button{top:46%}}@media (max-width: 400px){.projects .grid-cards .grid-choices{left:6em}}@media (max-width: 320px){.projects .grid-cards .row .card{width:16em;height:14em}.projects .grid-cards .grid-choices{left:8em}}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;max-width:100vw;margin:0;display:flex;flex-wrap:wrap}html{scroll-behavior:smooth!important}:target{scroll-margin-top:5rem}body{margin:0;background:rgba(92,92,92,.434);min-width:320px;max-width:100vw;min-height:100vh;overflow-x:hidden}.container{margin-top:1rem;display:flex;justify-content:center;width:100vw;max-width:100vw;border-bottom:1px solid rgba(66,29,8,.82)}.first_container{margin-top:4rem}.content{display:flex;width:70vw}.grid-content{max-width:100%}.title,.text{background-color:#d9d9d9;padding:12px 24px;max-width:100%;width:100%;border-radius:40px}.title{border-radius:100px;display:flex;align-items:center}.title h1{font-weight:800;font-size:40px;margin:0}@media (max-width: 500px){.title h1{font-size:20px}}@media (max-width: 320px){.title h1{font-size:18px}}@media (max-width: 400px){.about .title,.about .text{padding:12px 6px}.about .title h1{margin-left:12px}.list{margin-left:2px}}h1{font-size:3.2em;line-height:1.1}a{cursor:pointer;font-weight:500;color:#953d0cd1;text-decoration:inherit;transition:font-size .5s}a:hover{font-size:17px;color:#be4b0ad1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}
