diff --git a/snake.css b/snake.css deleted file mode 100644 index adbd42b..0000000 --- a/snake.css +++ /dev/null @@ -1,590 +0,0 @@ -@font-face{ - font-family: Lora; - src: url(../fonts/Lora-Regular.ttf); -} - -*{ - margin: 0; - padding: 0; - box-sizing: border-box; - - text-decoration: none; - list-style: none; - font-family: Lora, Montserrat, sans-serif; - - scroll-behavior: smooth; -} -*::selection{ - color: #191918; - background: #eab637; -} - -body::-webkit-scrollbar { - background: #191918 !important; - width: 50px; -} - -body::-webkit-scrollbar-thumb { - background-color: #3E3E3E !important; - border-radius: 20px; - border: 2.5px solid #191918; -} -body::-webkit-scrollbar-thumb:hover { - background: #4D4D4D !important; -} -body::-webkit-scrollbar:vertical { - width: 10px; -} - -body{ - overflow-x: hidden; - width: 100%; - height: 100vh; - background-color: #191918; - background-image: url(../IMG/fondito.png); - background-size: cover; - background-repeat: no-repeat; -} - -/*/////////////////////////////////////*/ -/* Header */ -/*/////////////////////////////////////*/ -header{ - width: 100%; - position: fixed; - top: 0; - z-index: 1; - - display: flex; - justify-content: center; - align-items: center; -} -#todo_header{ - width: 100%; - display: flex; - align-items: center; - justify-content: center; -} -#logito{ - margin: 10px; - width: 99%; - background: #3E3E3E; - border-radius: 12px; - display: flex; - justify-content: center; - align-items: center; -} -#favicon_logo{ - width: 5vw; -} -/*················Redes················*/ - -.redes_header{ - display: flex; - position: absolute; - justify-content: flex-end; - width: 100%; - align-items: center; - padding: 0px 41px 0px 0px; -} -.circulito{ - width: 50px; - height: 50px; - margin: 1.5%; - background: #171717; - border-radius: 50%; - display: flex; - justify-content: center; -} -.link_redes_header{ - display: flex; - align-items: center; - - transition: 250ms; -} -.link_redes_header:hover{ - opacity: 0.7; -} -.img_redes{ - width: 30px; - height: 30px; -} -/*/////////////////////////////////////*/ -/* Menu */ -/*/////////////////////////////////////*/ -.ContButtons{ - width: 0%; - height: 0%; - - top: 45%; - left: 95.4%; - - z-index: 999; - position: fixed; -} -.fonts{ - width: 30px; - font-size: 1.2vw; - font-family: Montserrat, sans-serif; - margin: 0px 0px 20px 0px; - - transition: 500ms; - background: -webkit-gradient(linear, - left top, - right top, from(#222), - to(#222), - color-stop(0.5, #fff)) 0 0 no-repeat; - -webkit-background-size: 125px; - color: #3e3e3e52; - -webkit-background-clip: text; -} -.fonts:hover{ - animation: goldy_hover .4s ease-in; -} -@keyframes goldy_hover{ - 0% { - background-position: top right; - } - 100% { - background-position: top left; - } -} -/*/////////////////////////////////////*/ -/* Texto */ -/*/////////////////////////////////////*/ -#ContText{ - width: 100%; - height: 90vh; - padding-left: 110px; - padding-top: 170px; - display: flex; - flex-direction: column; -} -/*········································*/ -.text_uno{ - color: #fff; - font-size: 6.65vw; - transform: translateX(0px); - - animation: translate 1.6s cubic-bezier(0.13, 0.67, 0.56, 0.93); -} -@keyframes translate { - 0%, 45%{ - transform: translateX(-1045px); - } - 100%{ - transform: translateX(0px); - } -} -/*········································*/ -.text_dos{ - color: #EABE3F; - font-size: 3.4vw; - - animation: opacity_animate 2.6s ease-in; -} -@keyframes opacity_animate { - 0%, 60%{ - opacity: 0; - } - 100%{ - opacity: 1; - } -} -/*···············································*/ -/*Efecto destello/brillo metalico/dorado - 2/8/23*/ -/*···············································*/ -.gold_effect{ - background: -webkit-gradient(linear, - left top, - right top, from(#222), - to(#222), - color-stop(0.5, #fff)) 0 0 no-repeat; - -webkit-background-size: 125px; - color: #eabe3f99; - animation: goldy 2.5s infinite ease-in; - -webkit-background-clip: text; -} -@keyframes goldy{ - 0% { - background-position: top left; - -webkit-background-size: 0px; - } - 20% { - -webkit-background-size: 90px; - } - - 100% { - background-position: top right; - -webkit-background-size: 125px; - } -} -/*········································*/ -.text_tres{ - color: #656563; - font-size: 1.5vw; - padding-top: 110px; -} - -/*/////////////////////////////////////*/ -/* Info */ -/*/////////////////////////////////////*/ -#ContInfoTodo{ - width: 100%; - height: 100vh; - display: flex; - justify-content: space-between; - align-items: center; - background-image: url(../IMG/snake_shoes_png.png); - background-repeat: no-repeat; - background-position: right; - background-size: contain; -} -#FlexShoes{ - display: flex; - height: 75%; - margin-left: 100px; - flex-direction: column; - justify-content: space-between; -} -.ContLinea{ - display: flex; - align-items: center; -} -.golden_text{ - color: #EABE3F; - font-size: 1.8vw; - margin-right: 80px; -} -.linea_info_uno{ - width: 547px; - background: #838383; - height: 3px; -} -.linea_info_dos{ - width: 654px; - background: #838383; - height: 3px; -} -.linea_info_tres{ - width: 792px; - background: #838383; - height: 3px; -} -.opac_text{ - color: #656563; - font-size: 1.5vw; -} - -/*/////////////////////////////////////*/ -/* Footer */ -/*/////////////////////////////////////*/ -footer{ - width: 100%; - display: flex; - background: #ffffffe8; -} -#help_footer{ - padding: 155px 110px 155px 110px; -} -#terms_footer{ - padding: 155px 110px 155px 110px; -} -.golden_text_footer{ - color: #d0a836; - font-size: 1.5vw; - font-weight: 500; -} -.opac_text_footer{ - color: #454545; - font-size: 1.5vw; - padding: 20px 0px 20px 0px; -} - -/*················Created················*/ - -#creado_por{ - width: 100%; - height: 80px; - display: grid; - align-content: center; - - background: #ffffffe8; - border-top: 1px solid #838383; - box-shadow: inset 0px 0px 30px 10px #00000012; -} -.marcmp_flex{ - display: flex; - justify-content: center; - align-items: center; -} -.info_{ - color: #222222; -} -.neon_{ - color: #d0a836; - text-shadow: 0px 0px 0.1px #EABE3F; -} -.logo_neon{ - width: 18px; - filter: drop-shadow(1px 0px 1px #dadada); -} -/*/////////////////////////////////////*/ -/* MEDIA */ -/*/////////////////////////////////////*/ -@media only screen and (max-width: 1023px){ - .circulito{ - width: 42px; - height: 42px; - } - .img_redes{ - width: 25px; - height: 25px; - } -/*········································*/ - .ContButtons{ - display: none; - } -/*········································*/ - #ContText { - height: 50vh; - padding-left: 100px; - padding-top: 68px; - } - .text_tres { - padding-top: 60px; - } -/*········································*/ - #ContInfoTodo { - width: 100%; - height: 63vh; - padding-top: 20px; - background-size: 534px; - } - .linea_info_uno { - width: 195px; - } - .linea_info_dos { - width: 259px; - } - .linea_info_tres { - width: 310px; - } -/*········································*/ - footer { - height: 60vh; - justify-content: center; - } - #help_footer, - #terms_footer { - padding: 74px 110px 0px 110px; - } - #creado_por { - height: 63px; - } -} -@media only screen and (max-width: 768px){ - .circulito{ - width: 30px; - height: 30px; - } - .img_redes{ - width: 15px; - height: 15px; - } -/*········································*/ - .ContButtons{ - display: none; - } -/*········································*/ - #ContText { - height: 30vh; - padding-left: 100px; - padding-top: 68px; - } - .text_tres { - padding-top: 60px; - } -/*········································*/ - #ContInfoTodo { - width: 100%; - height: 50vh; - padding-top: 20px; - background-size: 428px; - } - .linea_info_uno { - width: 96px; - } - .linea_info_dos { - width: 152px; - } - .linea_info_tres { - width: 218px; - } -/*········································*/ - footer { - height: 45vh; - justify-content: center; - } - #help_footer, - #terms_footer { - padding: 74px 110px 0px 110px; - } - #creado_por { - height: 68px; - } - .golden_text_footer{ - color: #d0a836; - font-size: 1.8vw; - font-weight: 500; - } - .opac_text_footer{ - color: #454545; - font-size: 1.8vw; - padding: 20px 0px 20px 0px; - } -} - - -@media only screen and (max-width: 640px){ - header{ - position: sticky; - top: 0; - } -/*········································*/ - .circulito{ - width: 23px; - height: 23px; - } - .img_redes{ - width: 13px; - height: 13px; - } -/*········································*/ - .ContButtons{ - display: none; - } -/*········································*/ - #ContText { - height: 68vh; - padding-left: 33px; - padding-top: 36px; - } - .text_tres { - padding-top: 36px; - } -/*········································*/ - #ContInfoTodo { - width: 95%; - height: 80vh; - background-size: 325px; - } - #FlexShoes { - height: 80%; - margin-left: 33px; - } - .linea_info_uno { - width: 69 px; - height: 0.7px; - } - .linea_info_dos { - width: 117px; - height: 0.7px; - } - .linea_info_tres { - width: 168px; - height: 0.7px; - } -/*········································*/ - footer { - justify-content: space-evenly; - } - #help_footer, - #terms_footer { - padding: 26px 0px 0px 0px; - } - .golden_text_footer, - .opac_text_footer { - padding: 5px 0px 10px 0px; - font-size: 1.7vw; - } - #creado_por { - font-size: 10px; - height: 46px; - box-shadow: inset 0px 0px 19px 2px #00000012; - } - .logo_neon { - width: 11px; - } -} - -@media only screen and (max-width: 360px){ - header{ - position: sticky; - top: 0; - } -/*········································*/ - .circulito{ - width: 15px; - height: 15px; - } - .img_redes{ - width: 10px; - height: 10px; - } -/*········································*/ - .ContButtons{ - display: none; - } -/*········································*/ - #ContText { - height: 20vh; - padding-left: 33px; - padding-top: 28px; - } - .text_tres { - padding-top: 25px; - } -/*········································*/ - #ContInfoTodo { - width: 100%; - height: 50vh; - padding-top: 20px; - background-size: 292px; - } - #FlexShoes { - height: 55%; - margin-left: 33px; - } - .linea_info_uno { - display: none; - } - .linea_info_dos { - display: none; - } - .linea_info_tres { - display: none; - } -/*········································*/ - footer { - height: 38vh; - justify-content: space-evenly; - } - #help_footer, - #terms_footer { - padding: 26px 0px 0px 0px; - } - .golden_text_footer, - .opac_text_footer { - padding: 5px 0px 10px 0px; - font-size: 2.1vw; - } - #creado_por { - font-size: 10px; - height: 46px; - box-shadow: inset 0px 0px 19px 2px #00000012; - } - .logo_neon { - width: 11px; - } -} \ No newline at end of file