@import url("https://fonts.googleapis.com/css2?family=Oregano&family=Poppins:wght@300;400;700&display=swap");html{scroll-behavior:smooth}body::before{content:"";height:100%;width:100%;position:fixed;top:0;left:0;z-index:-1;background:linear-gradient(180deg, rgba(71,64,210,0.39) 4%, rgba(26,120,198,0.61) 64%, rgba(54,212,244,0.63) 100%),url("https://images.unsplash.com/photo-1533207878340-bd6a5b8f4f04?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1489&q=80");background-size:cover;background-repeat:no-repeat;background-position:center center}body{margin:0;padding:0;font-family:"Poppins", Arial, Helvetica, sans-serif}body ul{list-style-type:none;margin:0;padding:0}body a{text-decoration:none;color:white;font-size:1.2em}body img{width:100%;height:auto}body button{cursor:pointer;border-style:none}.container{max-width:1600px;margin:0 auto;border:0px solid;border-color:green}.hamb-menu-container,.sidebar{display:none}.header{border:0px solid;border-color:#ff0}.header .header-container{display:flex;justify-content:space-between;max-width:1600px;max-height:80px;margin:0 auto;border:0px solid;border-color:#000}.header .logo{opacity:0.8}.header .logo img{max-width:90px}.header .nav-container{display:flex;align-items:center}.header .nav-container .navbar ul{display:flex;justify-content:space-between;border:0px solid;border-color:#000}.header .nav-container .navbar ul a{padding:0 2em;font-weight:bold}.header .nav-container .navbar ul a:hover{color:blueviolet}.header .nav-container .navbar ul li:hover{transform:scale(1.1)}.header .nav-container .navbar ul .nav-item-about{color:rgba(255,166,0,0.788)}.header .nav-container .social-header ul{display:flex}.header .nav-container .social-header ul li{margin-top:0.3em;font-size:1.5em}.header .nav-container .social-header ul li:hover{color:blueviolet}.header .nav-container .social-header ul a{padding:0.4em;color:rgba(255,166,0,0.788)}.header .nav-container .social-header ul a:hover{color:blueviolet}.hero{display:flex;justify-content:flex-start;height:90vh}.hero .content{padding-top:50px;display:flex;flex-direction:column;border:0px solid;border-color:orange;max-width:610px;width:100%}.hero .content h2{font-size:4em;margin-block-end:0}.hero .content .surname{color:rgba(255,166,0,0.788)}.hero .content .subtitle{font-size:2.4em;font-weight:bold;margin-block-start:0;padding-top:1em}.hero .content .meet-container{border:0px solid;border-color:#ff0;max-width:20em;align-self:flex-end;display:flex;flex-direction:column}.hero .content .meet-container .meet{text-align:center;font-size:2em}.hero .content .meet-container .meet .hand-icon{margin-top:1.2em;display:block}.hero .content .meet-container p{font-weight:bold}.hero .content .meet-container .scroll{margin:0 auto;border:0px solid;border-color:#000}.hero .content .meet-container .circle{animation:circleAnim 1s infinite alternate-reverse}@keyframes circleAnim{from{transform:translate(261px, 707px);z-index:5}to{transform:translate(261px, 750px)}}.about .about-container{border:0px solid;border-color:purple;display:flex;min-height:400px;padding-bottom:20px;justify-content:flex-start;margin-top:4em;border-radius:0.8em;background:rgba(248,244,235,0.432)}.about .about-container .image-container{display:flex;border:0px solid;border-color:#000;max-width:38%;min-width:25%;justify-content:flex-end;align-items:center}.about .about-container img{padding-top:4em;max-width:300px;width:100%}.about .about-container .about-content{border:0px solid;border-color:green;padding-left:4em;max-width:55em;height:400px;display:grid;place-content:center}.about .about-container .about-content h2{text-align:center}.about .about-container .about-content .fa-glasses{padding-left:1.2em}.about .about-container .about-content .about-description{margin-block-end:0;font-weight:400;font-size:1.2em;text-align:left}.about .about-container .about-content .about-description .line-br{display:inline-block}.about .about-container .about-content .about-icon-btn{max-width:18em;margin:15px auto 0 auto;padding:8px 10px 10px 10px;font-weight:bold;text-align:center center;font-size:18px;background:rgba(255,166,0,0.788);border-radius:4px;opacity:0.8}.about .about-container .about-content .about-icon-btn a{color:black}.about .about-container .about-content .about-icon-btn:hover{transform:scale(1.02);opacity:1}.about .about-container .about-content .about-icon-btn .btn-linkedin-icon{padding-left:10px;font-size:26px;position:relative;top:2px}.skills{background:rgba(236,236,235,0.644);margin-top:90px;padding-bottom:60px}.skills .skills-header{border:0px solid;border-color:#000;text-align:center;font-weight:bold;font-size:2em;margin:0 auto;padding-top:30px}.skills .skills-header p{margin-block-start:0;margin-block-end:0}.skills .skills-header img{max-width:110px}.skills-container ul{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 6fr))}.skills-container ul li{padding:2em}.skills-container ul li .skill-icon-container{height:100px;width:100px;display:grid;place-content:center;margin:0 auto}.skills-container ul li .skill-title{text-align:center;font-weight:bold}.current-skill-container{border-top:3px dashed rgba(26,120,198,0.61);display:grid;grid-template-columns:2fr 1fr;height:140px;max-width:600px;margin:0 auto}.current-skill-container .current-skill-content{display:flex;flex-direction:column;align-items:center}.current-skill-container .current-skill-content .current-skill-icon-container{max-width:90px}.current-skill-container li{height:90px;width:90px}.current-skill-container p{font-weight:bold;font-size:1.6em;margin-block-start:0}.portfolio-header{max-width:200px;padding:15px;margin:20px auto;border-bottom:3px dashed rgba(26,120,198,0.61);color:rgba(255,166,0,0.788);font-size:2em}.portfolio-header h2{margin-block-start:0;margin-block-end:0}.portfolio-container{border:0px solid;border-color:#000;display:flex;justify-content:center}.portfolio-container .portfolio-item{display:flex;width:100%;margin-bottom:4em}.portfolio-container .portfolio-img-container{align-self:center}.portfolio-container .portfolio-img-container img{max-width:620px;width:100%;height:400px;object-fit:fill;border-radius:30px;cursor:pointer;opacity:1}.portfolio-container .portfolio-img-container img:hover{transform:scale(1.02);opacity:0.8;transition:opacity 0.2s ease-in-out}.portfolio-container .portfolio-content{max-width:500px;width:100%;height:340px;align-self:center;margin-left:2em;background:rgba(248,248,244,0.829);border-radius:30px;padding:15px}.portfolio-container .portfolio-content .portfolio-title-container{display:flex;justify-content:space-between}.portfolio-container .portfolio-content .portfolio-title-container .portfolio-links i{font-size:2em;color:rgba(255,166,0,0.788);position:relative;top:12px;padding-left:10px}.portfolio-container .portfolio-content .portfolio-title-container .portfolio-links i:hover{transform:scale(1.04);color:blueviolet;opacity:0.8;transition:opacity 0.2s ease-in-out}.portfolio-container .portfolio-content .portfolio-about{margin-block-start:0;margin-block-end:0}.portfolio-container .portfolio-content .portfolio-line{width:200px;display:inline-block;border:2px solid rgba(26,120,198,0.61);border-radius:30px}.portfolio-container .portfolio-content .portfolio-learned-title{margin-block-start:0;margin-block-end:0}.portfolio-container .portfolio-content ul{list-style-type:disc;padding-left:20px}.contact{display:flex;flex-direction:column;align-items:center}.contact .contact-header{margin-top:20px;display:flex;justify-content:center}.contact .contact-header h2{margin-block-start:0;margin-block-end:0;font-size:2em}.contact .contact-header i{font-size:2em;position:relative;top:8px;padding-left:10px;color:rgba(255,166,0,0.788)}.contact .contact-header i:hover{transform:scale(1.04);color:blueviolet;opacity:0.8;transition:opacity 0.2s ease-in-out}.contact .contact-form-container{display:flex;flex-direction:column;align-items:center}.contact .contact-form-container .my-contact{margin-top:12px}.contact .contact-form-container .my-contact i{position:relative;top:6px;font-size:1.4em;padding-right:10px}.contact .contact-form-container .my-contact a:hover{color:blueviolet}.contact .contact-form-container #contact-form{margin-top:18px;background:rgba(248,248,244,0.829);max-width:420px;display:flex;flex-direction:column;align-items:center;padding:15px;border:0px solid;border-color:#fff;border-radius:20px}.contact .contact-form-container #contact-form .form-section{display:flex;flex-direction:row;justify-content:center;padding:20px 20px 20px 36px;max-width:300px;width:100%;border:0px solid;border-color:#000}.contact .contact-form-container #contact-form input{margin-left:10px;padding:20px;border:1px solid #d8caca;border-radius:8px;max-width:210px;width:100%;opacity:0.8}.contact .contact-form-container #contact-form input:hover{opacity:1}.contact .contact-form-container #contact-form input:focus,.contact .contact-form-container #contact-form textarea:focus{outline-color:#e0800a}.contact .contact-form-container #contact-form #message{font-family:inherit;padding:10px;text-indent:10px;border-radius:8px;opacity:0.8}.contact .contact-form-container #contact-form #message:hover{opacity:1}.contact .contact-form-container #contact-form .fa-user-circle,.contact .contact-form-container #contact-form .fa-at{font-size:1.6em;position:relative;top:16px;left:0}.contact .contact-form-container #contact-form .fa-paper-plane{font-size:1.6em;padding-right:0.4em}.contact .contact-form-container #contact-form .button-section{padding-top:0}.contact .contact-form-container #contact-form button{font-size:1.4em;border-radius:8px;padding:10px;background:#e0800a;opacity:0.7}.contact .contact-form-container #contact-form button:hover{opacity:1}footer{width:100%;height:500px;display:flex;align-items:flex-end;margin-top:40px;border:0px solid;border-color:orange}footer .footer-logo-container{border:0px solid;border-color:#000;max-width:500px;width:100%;height:500px;opacity:0.8}footer .footer-logo-container a{font-size:0}footer .footer-nav-container{max-width:800px;width:100%;position:relative;margin:auto;left:-200px}footer .footer-nav-container ul{display:flex;justify-content:center}footer .footer-nav-container ul li{padding:15px;font-size:1.6em;opacity:0.85}footer .footer-nav-container ul li:hover{opacity:1;transform:scale(1.04)}footer .footer-nav-container .social-footer ul{font-size:4em}footer .footer-nav-container .social-footer ul a{color:rgba(255,166,0,0.788)}footer .footer-nav-container .social-footer ul a:hover{color:blueviolet}@media only screen and (max-width: 1650px){.container,.header .header-container{margin:0 16px}footer{margin:40px auto 0 auto;justify-content:space-between}footer .footer-nav-container{left:0}}@media only screen and (max-width: 1200px){.hero .content{padding-top:110px;max-width:1200px;width:100%;align-items:center}.hero .content .meet-container{border:0px solid;border-color:#ff0;max-width:20em;align-self:center}footer .footer-nav-container ul{flex-direction:column;align-items:center}footer .footer-nav-container .nav-item{font-size:1.2em}footer .footer-nav-container .social-footer ul{flex-direction:row;font-size:2.2em}}@media only screen and (max-width: 1050px){.header .header-container{justify-content:space-around}.header .header-container .nav-container .navbar ul a{padding:1em}.about .about-container .about-content .about-description{font-size:1em}.about .about-container .about-content .about-icon-btn{font-size:0.9em}.portfolio-container .portfolio-item{flex-direction:column}.portfolio-container .portfolio-item .portfolio-img-container img{object-fit:fill}.portfolio-container .portfolio-item .portfolio-content{margin-left:0;max-width:600px}footer .footer-logo-container{align-self:flex-end;max-width:400px;height:400px;border:0px solid;border-color:green}footer .footer-nav-container{max-width:300px}}@media only screen and (max-width: 768px){.container,.header .header-container{margin:0px}.header{position:sticky;top:20px;z-index:1}.nav-container{width:100%;justify-content:flex-end;position:sticky}.hamb-menu-container{display:inline-block;margin-right:30px;font-size:1.7em;cursor:pointer;color:white}.slide{transform:translateX(-220px);opacity:0.5}.sidebar{display:flex;flex-direction:column;position:fixed;z-index:1;height:30vh;top:56px;right:-220px;width:220px;overflow-x:hidden;align-items:center;padding-top:20px;background:rgba(255,166,0,0.788);opacity:0.75;transition:0.4s ease-in-out;cursor:pointer;border-top-left-radius:20%;border-bottom-left-radius:40%;text-align:center;font-size:1em;font-weight:bold}.sidebar a{padding-bottom:20px}.sidebar a:hover{color:black}.active{color:rgba(255,166,0,0.788)}.logo,.social-header,.navbar{display:none}.header .nav-container .navbar ul a{padding:0 0.9em}.hero{height:100vh}.hero .content{text-align:center}.hero .content h2{font-size:3.2em}.hero .content .subtitle{font-size:1.8em}.hero .content .meet-container .meet{font-size:1.8em}.hero .content .meet-container .scroll{max-width:60px}.about{height:80vh}.about .about-container{flex-direction:column;align-items:center}.about .about-container .image-container{max-width:200px;width:100%}.about .about-container .image-container .about-img{width:100%}.about .about-container img{max-width:200px}.about .about-container .about-content{padding:20px;text-align:center;height:auto}.portfolio-container .portfolio-item .portfolio-content{max-width:450px;height:auto;padding:0}.portfolio-container .portfolio-item .large-content{height:auto}.contact .contact-form-container #contact-form{max-width:320px}.contact .contact-form-container #contact-form .form-section{padding:5px}.contact .contact-form-container #contact-form #message{height:80px}.contact .contact-form-container #contact-form button{font-size:1em}footer{flex-direction:column-reverse;align-items:center;height:auto}footer .footer-logo-container{max-width:100%;max-height:400px}footer .footer-nav-container ul{flex-direction:column;align-items:center}footer .footer-nav-container .nav-item{font-size:1.2em}footer .footer-nav-container .social-footer ul{font-size:2.2em}}
/*# sourceMappingURL=main.css.map */