.containerHome{width:100%;height:100%;min-height:100vh;background-image:url(/Portfolio/backgroundhome2.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center}.text{display:block;position:absolute;right:320px;color:#fff;font-size:20px;font-family:sans-serif;text-decoration:underline white 3px}@media screen and (max-width: 1260px){.text{right:130px}}@media screen and (max-width: 968px){.text{right:70px;font-size:16px}}@media screen and (max-width: 768px){.text{right:40px;font-size:14px}}@media screen and (max-width: 500px){.text{right:20px;margin:3px;font-size:12px}}.containerAbout{margin-top:50px;width:100%;height:100%;min-height:99vh;display:flex;align-items:center;justify-content:center;transition:1s ease-in-out all;opacity:0}.containerAbout.active{opacity:1}.cont{width:80%;height:80%}.cont-about{margin:7px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}hr{border:2px rgb(32,152,192) solid;width:120px}.about-start{margin:7px;font-size:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.about-info-container{display:flex;justify-content:left;flex-wrap:wrap;margin:10px}.about-img{max-width:300px;width:100%;height:auto}.about-info-1{width:260px;height:300px;margin:7px}.about-info-2{width:310px;height:300px;margin:7px}@media screen and (max-width: 920px){.about-info-1{height:230px}}.about-info-1 ul li,.about-info-2 ul li{margin:30px;padding:5px;font-weight:800;font-size:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.about-info-1 ul li p,.about-info-2 ul li p{display:inline-block;font-weight:400}.about-info-future{margin:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:18px}.resume-container{width:100%;height:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;transition:1.5s ease-in-out all;background-color:#f4fafd;opacity:0}.resume-container.active{opacity:1}.cont-res{width:100%;max-width:700px;min-height:50vh;padding:10px}.res-title{margin:7px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.res-sumary,.res-education,.res-skils,.res-prof,.res-lang,.res-experince{width:100%;max-width:600px;height:auto;margin:5px}.res-skil-text li,.res-lang-text li{padding:5px;margin-left:30px}.res-sumary:before,.res-education:before,.res-skils:before,.res-prof:before,.res-lang:before,.res-experince:before{content:"";display:block;width:12px;height:12px;background-color:#fff;border:1px solid rgb(32,152,192);border-radius:50%}.res-title-h2{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:7px}.res-sumary-text,.res-education-text,.res-skil-text,.res-prof-text,.res-lang-text,.res-experince-text{border-left:2px solid rgb(32,152,192);margin:0 6px 6px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;font-size:19px;padding:10px}.projects-container{width:100%;height:95%;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;transition:1s ease-in-out all;opacity:0}.projects-container.active{opacity:1}.financeNotebook-container,.movieExplorer-container{max-width:49%;width:100%;height:auto;min-height:50vh;margin:5px}@media screen and (max-width: 998px){.financeNotebook-container,.movieExplorer-container{max-width:99%}}.projects-title{margin:7px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;left:50px}.dsa{position:relative;left:50px}.res-title-h2{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:7px;text-align:center}.financeNotebook-container ul,.movieExplorer-container ul{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:7px;padding:5px;font-size:22px;font-weight:800;list-style:none}.financeNotebook-container ul li,.movieExplorer-container ul li{padding:10px}.financeNotebook-container ul li p,.movieExplorer-container ul li p{font-weight:400}.project-image{width:60px;height:60px;position:relative;top:25px;left:5px;transition:all ease-in-out .5s;background:none}.project-image:hover{transform:scale(1.2);box-shadow:2px 30px 30px #00000080}*{margin:0;padding:0;box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}.menu-button{position:fixed;top:20px;left:20px;background:#2098c0;color:#fff;border-radius:50%;width:45px;height:45px;border:none;cursor:pointer;z-index:1001}.burger-button,.burger-button:before,.burger-button:after{position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-10px;width:20px;height:2px;background-color:#fff}.burger-button:before,.burger-button:after{content:"";display:block;transition:all ease-in-out .2s}.burger-button:before{transform:translateY(-6px)}.burger-button:after{transform:translateY(6px)}.burger-button.active{background-color:transparent}.burger-button.active:before{transform:rotate(45deg)}.burger-button.active:after{transform:rotate(-45deg)}.overlay-menu{position:fixed;top:0;left:0;height:100%;width:300px;transform:translate(-100%);transition:transform .4s ease;background-color:#091520;color:#fff;padding:20px;z-index:1000}.overlay-menu.active{transform:translate(0)}.overlay-menu ul{list-style:none;margin-top:50px}.overlay-menu ul li{margin:20px 0}.navigate-button{background:none;border:none;cursor:pointer;font-family:sans-serif}.overlay-menu ul li button{color:#fff;text-decoration:none;font-size:18px;transition:color .2s ease;opacity:67%}.overlay-menu ul li button:hover{color:#3498db}.overlay-menu-information{width:260px;height:200px;text-align:center}.overlay-menu-information-img{width:140px;height:140px;border-radius:50%;border:8px #384857 solid}.overlay-menu-information-social a img{width:47px;height:47px;margin:5px;border:6px #384857 solid;border-radius:50%}.overlay-menu-information p{font-family:sans-serif;font-size:20px;margin:10px;font-weight:50}.padd{padding-right:11px}