@font-face{font-family:Poppins;src:url(./fonts/Poppins-Medium.ttf)}.timeLine3{display:flex;justify-content:center;align-items:center}.timeLine3 img{width:40rem}.main{width:100%;height:auto;display:grid;place-items:center;background-color:#f5f5f5;border-radius:2rem;padding:50px 0}.main .head{font-size:29px;color:var(--generalColor);position:relative;margin-bottom:100px;font-weight:500}.main .head:after{content:" ";position:absolute;width:50%;height:3px;left:50%;bottom:-5px;transform:translate(-50%);background-image:linear-gradient(to right,#15aa58bb,var(--generalColor))}.container{width:70%;height:auto;margin:auto 0;position:relative}.container ul{list-style:none}.container ul:after{content:" ";position:absolute;width:2px;height:100%;left:50%;top:0;transform:translate(-50%);background-image:linear-gradient(to bottom,#060606,#060606)}.container ul li{width:50%;height:auto;padding:15px 20px;background-color:#fff;border-radius:8px;box-shadow:1px 1px 15px #00000038;position:relative;margin-bottom:30px;z-index:99}.container ul li:nth-child(4){margin-bottom:0}.container ul li .circle{position:absolute;width:20px;height:20px;border-radius:50%;background-color:#7f00ff;top:0;display:grid;place-items:center}.circle:after{content:" ";width:12px;height:12px;background-color:#000000a8;border-radius:50%}ul li:nth-child(odd) .circle{transform:translate(50%,-50%);right:-30px}ul li:nth-child(2n) .circle{transform:translate(-50%,-50%);left:-30px}ul li .date{position:absolute;width:160px;height:33px;background-image:linear-gradient(to right,var(--generalColor),rgb(2,129,34));border-radius:15px;top:-45px;display:grid;place-items:center;color:#000;font-size:13px;box-shadow:1px 2px 12px #00000051}.container ul li:nth-child(odd){float:left;clear:right;text-align:right;transform:translate(-30px)}ul li:nth-child(odd) .date{right:20px}.container ul li:nth-child(2n){float:right;clear:left;transform:translate(30px)}ul li .heading{font-size:17px;color:#000}ul li p{font-size:13px;color:#666;line-height:18px;margin:6px 0 4px;text-align:justify}ul li a{font-size:13px;text-decoration:none;color:#1236d6;transition:all .3s ease}ul li img{width:20rem}.mainBtn{margin-top:1rem;margin-bottom:2rem;width:130px;height:33px;background-image:linear-gradient(to right,var(--generalColor),rgb(85,238,123));border-radius:15px;color:#000;font-size:1.3rem;box-shadow:1px 2px 12px #00000051;cursor:pointer;font-family:poppins,sans-serif}@media only screen and (min-width:798px) and (max-width: 1100px){.container{width:80%}}@media only screen and (max-width: 798px){.container{width:70%;transform:translate(20px)}.container ul:after{left:-40px}.container ul li{width:100%;float:none;clear:none;margin-bottom:80px}.container ul li .circle{left:-40px;transform:translate(-50%,-50%)}.container ul li .date{left:20px}.container ul li:nth-child(odd){transform:translate(0);text-align:left}.container ul li:nth-child(2n){transform:translate(0)}}@media only screen and (max-width: 550px){.container{width:80%}.container ul:after{left:-20px}.container ul li .circle{left:-20px}}.mainGame{background-color:#fff;display:flex;flex-direction:column;margin:0 auto;height:80vh;margin-top:2rem;max-width:1200px;padding:1.5rem;border:3px solid var(--generalColor);border-radius:5rem}.gameQuestions{display:flex;flex-direction:column;color:#000}.btnF{margin-top:2rem}.listStyle{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000}.listForm{background-color:#ccc;display:flex;align-items:center;justify-content:center;width:30rem;border:1px solid var(--generalColor);border-radius:5rem}.btns{display:flex;align-items:center;justify-content:center;justify-content:space-between}.confirm-button{margin-top:2.2rem;background-color:#007bff;color:#000;padding:1rem;border:none;border-radius:.4rem;cursor:pointer;margin-right:1rem;transition:background-color .3s ease}.back-button{margin-top:2.8rem;background-color:#ffca2b;color:#000;padding:1rem;border:none;border-radius:.4rem;cursor:pointer;margin-right:1rem;transition:background-color .3s ease}.confirm-button:hover{background-color:#ffca2b}.finishGame{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-top:2rem}.correct-answer{background-color:#ffca2b;color:#000;padding:1rem;margin-top:1rem;border-radius:.5rem;text-align:center}.quiz-container{max-width:600px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.question-container{background-color:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a}ul{list-style:none;padding:0}.option{cursor:pointer;margin-bottom:10px;padding:10px;border:1px solid #ccc;border-radius:4px;transition:background-color .3s ease}.option:hover{background-color:#ccc}.option.green{background-color:#a6e7a6}.option.red{background-color:#f5a1a1}.next-button{margin-top:2.3rem;background-color:#007bff;color:#fff;padding:1rem;border:none;width:13.3rem;border-radius:.4rem;cursor:pointer;transition:background-color .3s ease}.next-button:hover{background-color:#0056b3}.result-container{text-align:center;margin-top:20px}.section3{margin-top:5rem;display:flex;justify-content:space-around;gap:1rem}.wrapp-computerImg2 img{width:40rem}#top-btn{background-color:#000;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:1.5rem;border:3px solid var(--generalColor);border-radius:5rem}.timeLine{display:flex;justify-content:center;align-items:center;margin-top:5rem}.timeLine img{width:65rem}h3{margin-top:2rem;font-size:2.5rem;color:var(--generalColor)}.section2{margin-left:2rem}.section2 h3{font-style:italic}hr{margin-top:57rem;transform:rotate(90deg)}*{margin:0;padding:0;box-sizing:border-box}:root{font-size:62.5%;--generalColor: #00ff66}html,body{scroll-behavior:smooth}body{background:linear-gradient(to bottom,#000,var(--generalColor));color:#fff;font-family:Poppins,sans-serif;margin:0 auto;font-size:1.6rem}header{position:static;display:flex;justify-content:space-around;align-items:center;background-color:transparent}.logoP{width:25rem}.container-nav{display:flex;gap:2rem;align-items:center;justify-content:center}.nav-link:hover{color:var(--generalColor);cursor:pointer;transition:color .6s ease}.nav-link:last-child{display:flex;align-items:center;justify-content:center;width:10rem;border-radius:10rem;border:2px solid var(--generalColor);color:#fff}.nav-link:last-child:hover{background-color:var(--generalColor);cursor:pointer;transition:background-color .6s ease}.logo{display:flex;align-items:center;flex-direction:column;line-height:4rem}.wrapp-computerImg img{margin-top:15rem;width:50rem}.git{display:flex;align-items:center;justify-content:center;padding:1rem;gap:2rem}.git p{font-size:1.3rem}.git img{width:3.5rem}.footerImg img{display:flex;flex-direction:row;align-items:center;justify-content:center;width:3rem}nav{font-size:1.8rem}li{display:inline-block;margin:2rem}a{color:#fff}h1{font-weight:200}main{background-color:#fff;color:#000;display:flex;flex-direction:column;margin:0 auto;margin-top:2rem;max-width:1200px;padding:1.5rem;border:3px solid var(--generalColor);border-radius:5rem}.linhaTempo,.timeLine2{display:flex;justify-content:center;align-items:center}.timeLine2 img{width:40rem}h2{margin-left:5rem;margin-top:10rem;display:flex;flex-direction:column;width:50rem;height:50rem;font-size:4rem;line-height:5rem}h3{margin-top:2rem;font-size:2.8rem}span{color:var(--generalColor)}p{margin-top:1rem;line-height:2rem;max-width:50rem}.image-profile{border-radius:50%;padding:.4rem;border:solid var(--generalColor);width:35rem;margin-left:28rem}.section1{margin-top:5rem;display:flex;justify-content:space-around;gap:1rem}.avisos{display:flex;font-size:4.1rem;flex-direction:row;width:70%}.section2{margin-top:10rem}.wrapp-contain{display:flex;justify-content:space-between;align-items:center;margin-bottom:10rem;color:red}.wrapp-contain p{font-size:1.8rem;width:100%;line-height:3rem}.timeLineh{display:flex;align-items:center;justify-content:center}a{text-decoration:none;text-transform:uppercase}.def:hover{color:var(--generalColor);transition:.3s all}.section2 img{width:50rem}.learning{margin-top:8rem}.wrapp-images{margin-top:2rem;display:flex;flex-direction:column}.wrapp-images img{margin-top:2rem;width:15rem}.images-skills{display:flex;gap:2rem}.skills-name span{display:flex;flex-direction:column}.wrapp-images-bot{margin-top:2rem;display:flex;gap:2rem}.wrapp-images-bot img{width:15rem}.section3{margin-top:10rem}.projects-git{display:flex;justify-content:space-between}.projects-git a{display:flex;flex-direction:column}.projects-git img{margin-top:2rem;width:50rem}.projects-git img:hover{border:solid var(--generalColor);transition:.1s all}footer{height:0vh}.footer-finish{text-align:center;color:#fff;margin-bottom:5rem}.contacte{display:flex;flex-direction:row;justify-content:center;align-items:center}.contacte img{margin-right:-2rem;width:9.5rem}.contacte a{display:flex;flex-direction:column;align-items:center}.contacte .git-icon{width:3rem}.developer{display:flex;align-items:center;padding:1.5rem}.developer img.git-icon{margin-right:1rem;width:2rem}.developer p{margin:0}.to-topp{position:fixed;bottom:0;right:0;margin-inline:.8rem;height:5rem;width:5rem;border-radius:100%;background-color:transparent;border:3px solid black}.to-topp img{width:30%}@media screen and (max-width: 720px){h1{text-align:center}header{width:90%;position:unset;display:flex;margin-inline:2rem;flex-direction:column}section{flex-direction:column}.section1{margin:0}h2{font-size:2.8rem}.wrapp-content{margin-top:0;text-align:center}.wrapp-content h3{font-size:2rem}.image-profile{margin-top:6rem;width:30rem;margin-inline:8.1rem}ul{text-align:center}.wrapp-contain{flex-direction:column;font-size:1.5rem}.wrapp-contain p{font-size:1.5rem}.wrapp-contain img{margin-top:5rem;width:30rem}.wrapp-images img{width:10rem}.wrapp-images-bot img{width:12rem}.projects-git{display:flex;gap:2rem;flex-direction:column;margin-top:2rem}.projects-git img{margin:0 auto;width:40rem}.projects-git a{text-align:center}}@media (max-width: 460px){h1{text-align:center}header{width:90%;position:unset;display:flex;margin-inline:2rem;flex-direction:column}main{padding:0}section{flex-direction:column}.section1{margin:0}h2{font-size:2.8rem}.wrapp-content{margin-top:0;text-align:center}.wrapp-content h3{font-size:1.5rem}.image-profile{margin-top:6rem;width:30rem;margin-inline:5rem}ul{text-align:center}.wrapp-contain{flex-direction:column;font-size:1.5rem}.wrapp-contain p{font-size:1.5rem}.wrapp-contain img{margin-top:5rem;width:30rem}.wrapp-images img{width:8rem}.wrapp-images-bot img{width:11rem}.projects-git{display:flex;gap:2rem;flex-direction:column;margin-top:2rem}.projects-git img{margin:0 auto;width:35rem}.projects-git a{text-align:center}#cv{margin:0 auto;width:5rem}}.wrapp-content,.image-profile{visibility:hidden}.hamburger-menu{display:none}@media (max-width: 470px){.hamburger-menu{display:block;position:absolute;top:2rem;right:1rem;width:3rem;height:3rem;background-color:transparent;border:none;cursor:pointer;padding:0;z-index:1000}.hamburger-menu-bar{display:block;width:25px;height:3px;margin-bottom:5px;background-color:#fff;border-radius:3px;transition:transform .2s ease-out}ul{display:none}.hamburger-menu-bar:last-child{margin-bottom:0}}#init ul.show{display:flex;flex-direction:column;position:absolute;top:0;right:0;width:100vw;height:100vh;background-color:#222;z-index:999}#init ul.show li{margin:0;padding:20px;border-bottom:1px solid white}#init ul.show li:last-child{border-bottom:none}#init ul.show a{color:#fff}#init ul.show a:hover{color:#ffc107}#cv{display:flex;justify-content:center;align-items:center;background-color:#333;border-radius:2rem;border-color:var(--generalColor);width:20rem;padding:1rem;margin-top:2rem;color:#fff;font-size:2rem;text-transform:unset;font-family:Poppins,sans-serif;font-weight:600}#cv:hover{background-color:var(--generalColor);cursor:pointer}
