@font-face{font-family:"Anthropic Serif";src:url(/assets/AnthropicSerif-Romans-B6fyXDVc.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Anthropic Serif";src:url(/assets/AnthropicSerif-Italics-DH989fus.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}:root{font-family:"Anthropic Serif",system-ui,Avenir,Helvetica,Arial,serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1d1d1f}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#root{margin:0 auto;text-align:center}.card-container{background-color:#000;margin:25px 0;width:fit-content;border-radius:.75em;transition:ease .2s;box-shadow:1em 1em 1em #1a1a1a,-.75em -.75em 1em #1a1a1a;border:2px solid #1a1a1a;position:relative;overflow:hidden auto}.card-container p{color:gray}.card-container:hover{border:2px solid #1677ff}.container{margin:0 1.25em;display:flex;flex-direction:row;gap:.75em}.wrapper{display:inline;text-indent:8px}.wrapper span{animation:animate 5s infinite;opacity:0;position:absolute}.wrapper span:first-child{animation-delay:0s}.wrapper span:nth-child(2){animation-delay:1.5s}.wrapper span:nth-child(3){animation-delay:3s}@keyframes animate{0%{opacity:1}25%{opacity:0}50%{opacity:0}75%{opacity:0}to{opacity:1}}.m2{height:40%;min-width:345px;width:55%;position:relative;background-image:linear-gradient(135deg,#1d1d1f 10%,#1d1d1f 60%);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;animation:gradient-shift 5s ease-in-out infinite;background-size:200% 200%;border-radius:15px}.m2:before,.m2:after{--size: 5px;content:"";position:absolute;top:calc(var(--size) / -2);left:calc(var(--size) / -2);width:calc(100% + var(--size));height:calc(100% + var(--size));background:radial-gradient(circle at 0 0,hsl(27deg 93% 60%),transparent),radial-gradient(circle at 50% 0,#00a6ff,transparent),radial-gradient(circle at 0 50%,#ff0056,transparent),radial-gradient(circle at 50% 50%,#6500ff,transparent);border-radius:15px}.m2:after{--size: 2px;z-index:-1}.m2:before{--size: 10px;z-index:-2;filter:blur(2vmin);animation:blur-animation 3s ease-in-out alternate infinite}@keyframes blur-animation{to{filter:blur(3vmin);transform:scale(1.05)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#content-contacts{display:flex;justify-content:center;border:2px solid #1677ff;background-color:#1a1a1a}.btn-shine{color:#fff;background:linear-gradient(to right,#9f9f9f 0,#fff,#868686 20%) 0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3s infinite linear;animation-fill-mode:forwards;-webkit-text-size-adjust:none;font-weight:600;font-size:20px;text-decoration:none;white-space:nowrap;font-family:Poppins,sans-serif}@-moz-keyframes shine{0%{background-position:0}60%{background-position:300px}to{background-position:300px}}@-webkit-keyframes shine{0%{background-position:0}60%{background-position:300px}to{background-position:300px}}@-o-keyframes shine{0%{background-position:0}60%{background-position:300px}to{background-position:300px}}@keyframes shine{0%{background-position:0}60%{background-position:300px}to{background-position:300px}}.background-pulse{width:100%;height:100%}.light{position:absolute;width:50px;height:50px;background:radial-gradient(circle,#09f,#0099ff1a 80%);filter:blur(20px);border-radius:50%;animation:neon-pulse 3s infinite alternate}.light:nth-child(1){width:250px;top:0;left:10%}.light:nth-child(2){width:250px;top:0;right:10%}.light:nth-child(3){bottom:0;left:-3%;height:400px}.light:nth-child(4){height:400px;bottom:20%;right:1%}@keyframes neon-pulse{0%{transform:scale(1);opacity:.8;box-shadow:0 0 15px #09f,0 0 30px #09fc}to{transform:scale(1.4);opacity:.5;box-shadow:0 0 30px #09f,0 0 60px #09f9}}.bio-me{display:flex}.meImg{width:100%;border-radius:15px;margin-right:0;height:100%}@media (max-width: 992px){.home{flex-direction:column;align-items:center}.bio-me{display:block;margin:15px}.button-navbar{width:80px}.popup{margin-right:-.5rem}.description-project{flex-direction:column}.hide-md{display:none}h1{font-size:2.2em}}.hero-image{height:70%;-webkit-mask-image:linear-gradient(to top,transparent,black 0%,black 80%,transparent),linear-gradient(to right,transparent,black 0%,black 70%,transparent),linear-gradient(to top,transparent,black 10%,black 90%,transparent),linear-gradient(to left,transparent,black 0%,black 90%,transparent);mask-image:linear-gradient(to top,transparent,black 0%,black 80%,transparent),linear-gradient(to right,transparent,black 0%,black 70%,transparent),linear-gradient(to top,transparent,black 10%,black 90%,transparent),linear-gradient(to left,transparent,black 0%,black 90%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-image-wrapper{position:relative}.card-sliding{background-color:#000;padding:25px;margin:25px 0;border-radius:.75em;cursor:pointer;transition:ease .2s;border:2px solid #1a1a1a;white-space:nowrap;overflow:hidden;-webkit-box-shadow:-10px 0px 13px -7px #0000003a,10px 0px 13px -7px #0000003a,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:-10px 0 33px -7px #0000003a,10px 0 33px -7px #0000003a,5px 5px 35px 5px #0000}.card-sliding:hover{background-color:#1a1a1a;border:2px solid #1677ff}.button-sliding{font-size:100px;margin:0 5px;border:none;background-color:transparent;cursor:pointer;transition:.2s ease-in-out}.button-sliding:hover{transform:scale(1.1);transition:.5s ease}.emojis{display:inline-block;animation:30s sliding infinite linear}.card-sliding:hover .emojis{animation-play-state:paused}.box{width:70px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;transition:.2s ease-in-out}.img{height:70px;position:absolute;transition:.2s ease-in-out;z-index:1}.textBox{opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;transition:.2s ease-in-out;z-index:2}.textBox>.text{font-weight:700}.textBox>.head{text-align:center;font-size:11px}.box:hover>.textBox{opacity:1}.box:hover>.img{filter:blur(2px);animation:anim 3s infinite}@keyframes anim{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes sliding{0%{transform:translate(0)}to{transform:translate(-100%)}}.container-most-tech{position:relative;max-width:500px;width:100%;background:transparent;padding:20px 0;border-radius:7px}.container .skill-box{width:75%;margin:10px 0;text-align:end}.skill-box .title{display:block;font-size:14px;font-weight:600;color:#e2e2e2}.skill-box .skill-bar{height:8px;width:100%;border-radius:6px;margin-top:6px;background:#ececec1a}.skill-bar .skill-per{position:relative;display:block;height:100%;width:90%;border-radius:6px;background:#056dfa;animation:progress .4s ease-in-out forwards;opacity:0}.skill-per.java{width:23%;animation-delay:.1s}.skill-per.dart{width:48%;animation-delay:.1s}.skill-per.js{width:29%;animation-delay:.2s}@keyframes progress{0%{width:0;opacity:1}to{opacity:1}}.skill-per .tooltip{position:absolute;right:-14px;top:-28px;font-size:9px;font-weight:500;color:#000;font-weight:700;padding:2px 6px;border-radius:3px;background:#e2e2e2;z-index:1}.tooltip:before{content:"";position:absolute;left:50%;bottom:-2px;height:10px;width:10px;z-index:-1;background-color:#e2e2e2;transform:translate(-50%) rotate(45deg)}.card-contact{display:flex;align-items:center;justify-content:center;padding:25px;gap:20px}.socialContainer{width:52px;height:52px;background-color:#2c2c2c;display:flex;align-items:center;justify-content:center;overflow:hidden;transition-duration:.3s}.containerOne:hover{background-color:red;transition-duration:.3s;transform:scale(1.3);border-radius:15px}.containerTwo:hover{background-color:#000;transition-duration:.3s;transform:scale(1.3);border-radius:15px}.containerThree:hover{background-color:#0072b1;transition-duration:.3s;transform:scale(1.3);border-radius:15px}.containerFour:hover{background-color:#000;transition-duration:.3s;transform:scale(1.3);border-radius:15px}.containerFive svg circle{fill:#2c2c2c}.containerFive svg circle path{fill:#231f20}.containerFive:hover{background-color:#2c2c2c;transition-duration:.3s;transform:scale(1.3);border-radius:15px}.socialContainer:active{transform:scale(.9);transition-duration:.3s}.socialSvg{width:17px}.socialSvg path{fill:#fff}.socialContainer:hover .socialSvg,.socialContainer:hover .socialImg{animation:slide-in-top .3s both}@keyframes slide-in-top{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.divider{width:100%;display:flex;flex-direction:row;align-items:center}.divider span{width:25%}.divider hr{height:1px;background-color:#9f9f9f;width:42%}a{color:#1677ff;text-decoration:none;font-size:14px}a:hover{text-decoration:#1677ff}.article-item{padding:10px 0;display:flex}ul{list-style:none}.timeLine{display:flex;flex-direction:column;justify-content:space-around;gap:10px;padding:0}.timeLine .icon-content{margin-bottom:25px;display:flex;justify-content:space-between}.timeLine .icon-content .card-timeLine{color:#fff;padding:6px;border-radius:15px;font-size:14px;transition:all .3s ease;width:250px}.timeLine .icon-content .tooltip-timeLine{color:#fff;padding:6px 10px;border-radius:15px;font-size:14px;width:50%;margin:auto 0}.timeLine .icon-content .card-timeLine{overflow:hidden;display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:20%;color:#4d4d4d;background-color:#1d1d1f;transition:all .3s ease-in-out}.timeLine .icon-content .card-timeLine:hover{box-shadow:3px 2px 45px #0000007f}.timeLine .icon-content .card-timeLine svg{z-index:1;width:30px;height:30px}.timeLine .icon-content .card-timeLine:hover{color:#1d1d1f}.timeLine .icon-content .card-timeLine:hover .filled{height:100%}.timeLine .icon-content div[data-social=college]~.tooltip-timeLine{background-color:#1db954}.timeLine .icon-content div[data-social=work]~.tooltip-timeLine{background-color:gray}.timeLine .icon-content div[data-social=certificate]~.tooltip-timeLine{background-color:#08c}@media (max-width: 992px){.data{font-size:8px}}.navbar{position:fixed;top:0;width:100%;background:#000;z-index:100;display:flex;justify-content:end}.popup{--burger-line-width: 1.125em;--burger-line-height: .125em;--burger-offset: .625em;--burger-bg: rgba(0, 0, 0, .15);--burger-color: white;--burger-line-border-radius: .1875em;--burger-diameter: 2.125em;--burger-btn-border-radius: calc(var(--burger-diameter) / 2);--burger-line-transition: .3s;--burger-transition: all .1s ease-in-out;--burger-hover-scale: 1.1;--burger-active-scale: .95;--burger-enable-outline-color: var(--burger-bg);--burger-enable-outline-width: .125em;--burger-enable-outline-offset: var(--burger-enable-outline-width);--nav-padding-x: .25em;--nav-padding-y: .625em;--nav-border-radius: .375em;--nav-border-color: #ccc;--nav-border-width: .0625em;--nav-shadow-color: rgba(0, 0, 0, .2);--nav-shadow-width: 0 1px 5px;--nav-bg: #eee;--nav-font-family: Menlo, Roboto Mono, monospace;--nav-default-scale: .8;--nav-active-scale: 1;--nav-position-left: 0;--nav-position-right: unset;--nav-title-size: .625em;--nav-title-color: white;--nav-title-padding-x: 1rem;--nav-title-padding-y: .25em;--nav-button-padding-x: 1rem;--nav-button-padding-y: .375em;--nav-button-border-radius: .375em;--nav-button-font-size: 12px;--nav-button-hover-bg: #056dfa;--nav-button-hover-text-color: #fff;--nav-button-distance: .875em;--underline-border-width: .0625em;--underline-border-color: #ccc;--underline-margin-y: .3125em}.popup{display:inline-block;text-rendering:optimizeLegibility;position:relative;margin-right:3rem}.popup input{display:none}.burger{display:flex;position:relative;align-items:center;justify-content:center;width:var(--burger-diameter);height:var(--burger-diameter);border-radius:var(--burger-btn-border-radius);border:none;cursor:pointer;overflow:hidden;transition:var(--burger-transition);outline:var(--burger-enable-outline-width) solid transparent;outline-offset:0;z-index:1}.burger span{height:var(--burger-line-height);width:var(--burger-line-width);background:var(--burger-color);border-radius:var(--burger-line-border-radius);position:absolute;transition:var(--burger-line-transition)}.popup-window{margin-top:10px;transform:scale(var(--nav-default-scale));visibility:hidden;opacity:0;position:absolute;padding:var(--nav-padding-y) var(--nav-padding-x);background-color:#000;font-family:var(--nav-font-family);border-radius:var(--nav-border-radius);box-shadow:var(--nav-shadow-width) var(--nav-shadow-color);top:calc(var(--burger-diameter) + var(--burger-enable-outline-width) + var(--burger-enable-outline-offset));c:var(--nav-position-left);right:var(--nav-position-right);transition:var(--burger-transition);border:1px #056dfa solid;z-index:20}@media (max-width: 992px){.popup-window{left:-50px}.descricao{display:none}.button-navbar{width:70px!important}}.popup-window legend{padding:var(--nav-title-padding-y) var(--nav-title-padding-x);margin:0;color:var(--nav-title-color);font-size:var(--nav-title-size);text-transform:uppercase}.popup-window ul{margin:0;padding:0;list-style-type:none}.popup-window ul button{outline:none;width:100%;border:none;background:none;display:flex;align-items:center;color:var(--burger-color);font-size:var(--nav-button-font-size);padding:var(--nav-button-padding-y) var(--nav-button-padding-x);white-space:nowrap;border-radius:var(--nav-button-border-radius);cursor:pointer;column-gap:var(--nav-button-distance)}.selected,.popup-window ul button:hover,.popup-window ul button:focus-visible,.popup-window ul button:hover svg,.popup-window ul button:focus-visible svg{color:var(--nav-button-hover-text-color);background:var(--nav-button-hover-bg)}.burger:hover{transform:scale(var(--burger-hover-scale))}.burger:active{transform:scale(var(--burger-active-scale))}.burger:focus:not(:hover){outline-color:#056dfa;outline-offset:var(--burger-enable-outline-offset)}.popup input:checked+.burger span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.popup input:checked+.burger span:nth-child(2){bottom:50%;transform:translateY(50%) rotate(-45deg)}.popup input:checked+.burger span:nth-child(3){transform:translate(calc(var(--burger-diameter) * -1 - var(--burger-line-width)))}.popup input:checked~nav{transform:scale(var(--nav-active-scale));visibility:visible;opacity:1}.button-navbar{outline:0!important;border:0!important;width:100px;height:60px;border-radius:50%;background-color:transparent;display:flex;align-items:center;justify-content:center;color:#fff;transition:all ease-in-out .3s;cursor:pointer}.button-navbar:hover{transform:translateY(-3px)}.button-container{display:flex;background-color:#000;align-items:center;justify-content:space-around;border-radius:10px;margin-right:5px}.button-navbar svg,img{margin-right:5px}.icon{font-size:20px}.project-card{position:relative;overflow:hidden;border-radius:18px;background:#1c1c1ab3;border:1px solid rgba(255,255,255,.08);transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000000f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);isolation:isolate}.project-card:hover:not(.expanded){transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#ffffff26;background:#1c1c1acc}.project-card.expanded{border-color:#1677ff4d;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;z-index:10}.project-card.hidden{opacity:0;transform:scale(.96);pointer-events:none}.project-card .card-thumbnail{width:100%;height:200px;background:var(--thumbnail-color, #6540e9);position:relative;display:flex;align-items:center;justify-content:center;transition:height .4s ease;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.project-card:not(.expanded) .card-thumbnail .project-icon{width:56px;height:56px;background:var(--thumbnail-color, #6540e9);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.project-card.expanded .card-thumbnail{height:320px}.project-icon.movierace{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5' stroke='%23fff' strokeWidth='1.5'/%3E%3C/svg%3E")}.project-icon.cvcheck{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='6' width='18' height='12' rx='2' stroke='%23fff' strokeWidth='1.5'/%3E%3Cpath d='M7 11l2 2 4-4' stroke='%23fff' strokeWidth='1.5'/%3E%3C/svg%3E")}.project-icon.languagetoday{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5' stroke='%23fff' strokeWidth='1.5'/%3E%3C/svg%3E")}.project-icon.pixelguess{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23fff' strokeWidth='1.5'/%3E%3C/svg%3E")}.project-icon.kristnotes{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18h14' stroke='%23fff' strokeWidth='1.5'/%3E%3C/svg%3E")}.project-icon.nullacademyhub{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5' stroke='%23fff' strokeWidth='1.5'/%3E%3C/svg%3E")}.project-icon.goth4goth{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23fff' strokeWidth='1.5'/%3E%3C/svg%3E")}.project-card .card-content{padding:16px;transition:padding .3s ease}.project-card.expanded .card-content{padding:20px}.project-card .card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.project-card .card-header .icon-bg{width:14px;height:14px;background:#2e2e2c99;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.project-card .card-header .icon-bg .icon-dot{width:6px;height:5px;background:#888882;border-radius:1px}.project-card .card-header .title{font-family:Syne,sans-serif;font-size:16px;font-weight:600;color:#f8f6f0;letter-spacing:-.25px;transition:font-size .2s ease}.project-card.expanded .card-header .title{font-size:18px}.project-card .card-description{font-size:14px;color:#a8a69e;font-weight:300;line-height:1.6;margin-bottom:16px;text-align:start;transition:font-size .2s ease}.project-card.expanded .card-description{font-size:15px}.project-card .card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.project-card .card-tags .tag{font-size:11px;color:#d8d6ce;background:#25252399;border:1px solid rgba(46,46,44,.3);border-radius:6px;padding:4px 8px;transition:all .2s ease;font-weight:500}.project-card.expanded .card-tags .tag{font-size:12px;padding:6px 10px}.project-card .card-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-top:16px}.project-card .card-details .detail-item{background:#14141280;border-radius:10px;padding:12px;border:1px solid rgba(36,36,34,.3);position:relative;overflow:hidden;transition:all .2s ease}.project-card .card-details .detail-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1677ff14,#1677ff0a);opacity:0;transition:opacity .2s ease;pointer-events:none}.project-card .card-details .detail-item:hover:before{opacity:1}.project-card .card-details .detail-label{font-size:9px;color:#787670;text-transform:uppercase;letter-spacing:.5px;font-weight:500;margin-bottom:6px;display:block}.project-card .card-details .detail-value{font-size:12px;color:#e8e5e0;display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.project-card .close-button{position:absolute;top:12px;right:12px;width:24px;height:24px;background:#25252399;border:1px solid rgba(51,51,48,.3);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:14px;lineHeight:1;zIndex:20;transition:all .2s ease;backdropFilter:blur(4px)}.project-card .close-button:hover{background:#333330b3;color:#fff;transform:rotate(90deg)}.project-card.expanded{grid-column:1 / -1}@media (max-width: 768px){.project-card .card-thumbnail{height:160px}.project-card.expanded .card-thumbnail{height:240px}.project-card .card-content{padding:12px}.project-card.expanded .card-content{padding:16px}.project-card .card-header .title{font-size:14px}.project-card.expanded .card-header .title{font-size:16px}.project-card .card-description{font-size:12px}.project-card.expanded .card-description{font-size:13px}}.project-card:focus-within{outline:2px solid rgba(22,119,255,.5);outline-offset:2px}.project-card:active:not(.expanded){transform:translateY(0) scale(.98)}.btn{display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:100px;font-weight:800;font-size:clamp(.75rem,1vw,.9rem);line-height:1rem;padding:10px 0;margin:10px 5px;width:100%;max-width:200px;text-align:center;white-space:nowrap;background-color:#1a1a1a;color:#fff;transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #ffffff0a}.btn:hover{box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #1677ff;transform:translateY(-.25rem);background-color:#00000080}@media (max-width: 992px){.btn{flex-direction:column;align-items:center;width:90%}}.mySlides{display:none}img{vertical-align:middle}.slideshow-container{position:relative;margin:auto}.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-22px;color:#fff;font-weight:700;font-size:18px;transition:.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;user-select:none}.next{right:0;border-radius:3px 0 0 3px}.prev{left:0;border-radius:3px 0 0 3px}.prev:hover,.next:hover{background-color:#1a1a1a}.text{color:#f2f2f2;font-size:15px;padding:8px 12px;position:absolute;bottom:8px;width:100%;text-align:center}.dotCounter{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .6s ease}.active,.dot:hover{background-color:#717171}.fade{animation-name:fade;animation-duration:1.5s}@keyframes fade{0%{opacity:.4}to{opacity:1}}@media only screen and (max-width: 300px){.prev,.next,.text{font-size:11px}}.mySlides img{max-height:300px}@media (max-width: 992px){.mySlides img{max-height:150px}}