@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap);*{box-sizing:border-box;font-family:Verdana,Geneva,Tahoma,sans-serif}a{color:inherit;text-decoration:none}a,body{margin:0}html{background-color:#000;color:#fff;overflow-x:hidden;scroll-snap-type:y mandatory}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1b1b1b}::-webkit-scrollbar-thumb{background:#313131;border-radius:12px}::-webkit-scrollbar-thumb:hover{background:#313131}h1::selection{background-color:#d4ccb4;color:#000}h2::selection,p::selection{background-color:#d4ccb4;color:#575757}.content{transition:opacity 1s linear}#banner{align-items:center;display:flex;justify-content:center;position:relative;scroll-snap-align:center}#banner,#banner img{height:100vh;width:100%}#banner img{filter:brightness(.12);left:0;object-fit:cover;position:absolute;top:0;z-index:-100}#banner .content{color:#fff}#banner .content h1{font-size:7em;margin:0;transition:opacity 1s ease}#banner .content h2{color:#adadad;font-size:2.2em;margin:0;overflow:hidden;transition:width 2s ease;white-space:nowrap}@media screen and (max-width:1155px){#banner .content{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}}@media screen and (max-width:768px){#banner .content h1{font-size:4em}}@media screen and (max-width:420px){#banner .content h1{font-size:2.5em}#banner .content h2{font-size:1em}}#about{display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;scroll-snap-align:center;width:100%}#about .title{height:20vh}#about .title h1{color:#fff;font-family:Oswald,sans-serif;font-size:4em;margin:0;padding:5% 10% 0}#about .title:after{background:linear-gradient(90deg,#d4ccb4 10%,#0000);content:"";display:block;height:1px;margin-top:2em;width:45%}@media screen and (max-width:420px){#about .title h1{font-size:3.5em}}#about .content{align-items:center;display:flex;flex-direction:column;font-size:1.5em;height:80vh;justify-content:center;overflow:hidden;padding:5% 10%;position:relative}#about .content h3{color:#575757;font-size:15em;left:50%;opacity:.05;position:absolute;top:0;transform:translate(-50%,-50%);z-index:-10}#about .content p{color:#adadad}#about .content button{background-color:#0000;border:1px solid #d4ccb4;border-radius:8px;color:#d4ccb4;cursor:pointer;font-size:.8em;margin-top:2em;padding:12px;transition:all .3s ease}#about .content button:hover{border:1px solid #fff;color:#fff}@media screen and (max-width:768px){#about .content{font-size:1.3em}}@media screen and (max-width:420px){#about .content{font-size:1.1em}}#experience{display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;scroll-snap-align:center;width:100%}#experience .title{height:20vh}#experience .title h1{color:#fff;display:flex;font-family:Oswald,sans-serif;font-size:4em;justify-content:flex-end;margin:0;padding:5% 10% 0}#experience .title:after{background:linear-gradient(90deg,#d4ccb4 10%,#0000);content:"";display:block;float:right;height:1px;margin-top:2em;transform:rotate(180deg);width:45%}@media screen and (max-width:420px){#experience .title h1{font-size:3.5em}}#experience .content{align-items:center;display:flex;font-size:1.3em;gap:100px;height:80vh;justify-content:center;overflow:hidden;padding:5% 10%;position:relative}#experience .content h3{color:#575757;font-size:15em;left:50%;opacity:.05;position:absolute;top:0;transform:translate(-50%,-50%);z-index:-10}#experience .content section h1{font-size:1em;margin:0}#experience .content section p{color:#adadad;font-size:.9em;margin:12px 0}#experience .content section .date{color:#575757;font-size:.8em}@media screen and (max-width:1155px){#experience .title h1{padding:5% 5% 0}#experience .content{align-items:start;flex-direction:column;gap:50px}#experience .content section{padding:0}}#education{display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;scroll-snap-align:center;width:100%}#education .title{height:20vh}#education .title h1{color:#fff;font-family:Oswald,sans-serif;font-size:4em;margin:0;padding:5% 10% 0}#education .title:after{background:linear-gradient(90deg,#d4ccb4 10%,#0000);content:"";display:block;height:1px;margin-top:2em;width:45%}@media screen and (max-width:420px){#education .title h1{font-size:3.5em}}#education .content{align-items:center;display:flex;font-size:1.3em;gap:100px;height:80vh;justify-content:center;overflow:hidden;padding:5% 10%;position:relative}#education .content h3{color:#575757;font-size:15em;left:50%;opacity:.05;position:absolute;top:0;transform:translate(-50%,-50%);z-index:-10}#education .content section h1{font-size:1em;margin:0}#education .content section p{color:#adadad;font-size:.9em;margin:12px 0}#education .content section .date{color:#575757;font-size:.8em}@media screen and (max-width:1155px){#education .content{align-items:start;flex-direction:column;gap:50px}#education .content section{padding:0}}#skills{display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;scroll-snap-align:center;width:100%}#skills .title{height:20vh}#skills .title h1{color:#fff;display:flex;font-family:Oswald,sans-serif;font-size:4em;justify-content:flex-end;margin:0;padding:5% 10% 0}#skills .title:after{background:linear-gradient(90deg,#d4ccb4 10%,#0000);content:"";display:block;float:right;height:1px;margin-top:2em;transform:rotate(180deg);width:45%}@media screen and (max-width:420px){#skills .title h1{font-size:3.5em}}#skills .content{grid-gap:10px;display:grid;font-size:1.5em;gap:10px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;height:80vh;overflow:hidden;padding:10%;position:relative}#skills .content h3{color:#575757;font-size:15em;left:50%;opacity:.05;position:absolute;top:0;transform:translate(-50%,-50%);z-index:-10}#skills .content .list-skill{align-items:center;border:1px solid #575757;border-radius:12px;color:#575757;display:flex;flex-direction:column;justify-content:center;margin:0;min-width:100px;padding:20px}#skills .content .list-skill img{filter:grayscale(1);width:50px}#skills .content .list-skill .invert{filter:grayscale(0) invert(100%) brightness(1)}#skills .content .list-skill p{font-size:.7em;margin:20px 0 0}@media screen and (max-width:1400px){#skills .content{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}}@media screen and (max-width:1150px){#skills .content{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr 1fr 1fr}}@media screen and (max-width:768px){#skills .content{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr 1fr}#skills .content .list-skill{min-width:75px;padding:5px}}@media screen and (max-width:520px){#skills .content p{display:none}}#contact{display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;scroll-snap-align:center;width:100%}#contact button{background-color:#beb086;border:1px solid #beb086;cursor:pointer;font-size:1em;font-weight:700;padding:15px;transition:all .3s ease}#contact button:hover{background-color:#d4ccb4}#contact .title{height:20vh}#contact .title h1{color:#fff;font-family:Oswald,sans-serif;font-size:4em;margin:0;padding:5% 10% 0}#contact .title:after{background:linear-gradient(90deg,#d4ccb4 10%,#0000);content:"";display:block;height:1px;margin-top:2em;width:45%}@media screen and (max-width:420px){#contact .title h1{font-size:3.5em}}#contact .content{align-items:center;display:flex;font-size:1.3em;gap:50px;height:80vh;justify-content:space-between;overflow:hidden;padding:5% 10%;position:relative}#contact .content h3{color:#575757;font-size:15em;left:50%;opacity:.05;position:absolute;top:0;transform:translate(-50%,-50%);z-index:-10}#contact .content p{color:#adadad}#contact .content main{display:flex;flex-direction:column;flex-grow:1;gap:50px;justify-content:space-between}#contact .content main .socials{display:flex;gap:50px;justify-content:flex-start}#contact .content main .socials i{cursor:pointer;transition:all .3s ease}#contact .content main .socials i:hover{transform:scale(1.1)}#contact .content .message{align-items:center;display:flex;flex-direction:column;flex-grow:2;gap:10px;justify-content:center}#contact .content .message .error{border:2px solid #bb2124}#contact .content .message input,#contact .content .message textarea{background-color:#0000;border:2px solid #adadad;border-radius:6px;color:#adadad;font-size:1em;outline:none;padding:15px;width:100%}#contact .content .message input:hover,#contact .content .message textarea:hover{border:2px solid #beb086}#contact .content .message input:focus,#contact .content .message textarea:focus{border:2px solid #beb086!important}#contact .content .message textarea{height:150px;resize:none}#contact .content .message button{width:100%}@media screen and (max-width:1000px){#contact .content{align-items:flex-start;flex-direction:column;gap:10px}#contact .content main{gap:20px}#contact .content main h1{margin:0}#contact .content .message{width:100%}}@media screen and (max-width:420px){#contact .content{flex-direction:column-reverse}#contact .content main{align-items:center;display:flex;justify-content:center;margin:auto}#contact .content main .contacts{align-items:center;display:flex;flex-direction:column;justify-content:center}#contact .content main .contacts h1{display:none}#contact .content main .contacts p{font-size:.8em}#contact .content main .socials{gap:20px}#contact .content main .socials i{transform:scale(.7)}}footer{display:flex;flex-direction:column;height:100vh;justify-content:center;justify-content:space-between;position:relative;scroll-snap-align:center;width:100%}footer .title{height:20vh;text-align:right}footer .title h1{color:#fff;display:flex;font-family:Oswald,sans-serif;font-size:4em;justify-content:flex-end;margin:0;padding:5% 10% 0}footer .title:after{background:linear-gradient(90deg,#d4ccb4 10%,#0000);content:"";display:block;float:right;height:1px;margin-top:2em;transform:rotate(180deg);width:45%}@media screen and (max-width:420px){footer .title h1{font-size:3.5em}}footer .content{display:flex;justify-content:space-between;padding:0 10%}footer .content h1{font-family:Oswald,sans-serif;font-size:2.5em;margin:0}footer .content p{font-size:1.2em}footer .content .contact{text-align:right}footer .content .contact i{margin-left:10px}footer .footer-end{align-items:center;border-top:1px solid #adadad;color:#adadad;display:flex;font-size:1.3em;justify-content:center;padding:2%}footer .footer-end p{font-family:Oswald,sans-serif}@media screen and (max-width:768px){footer .content .contact{display:none}}
/*# sourceMappingURL=main.ec2ac341.css.map*/