body{background-image:url(c57ee78b0dc9a848d380c9fe06bb85aa.a651ed6a3f9fc6affbe5.jpg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}html{scroll-behavior:smooth}.background-basic{background-color:#fceafe}.section-title{grid-column:3/6;width:50%;height:80px;margin-left:9%;margin-bottom:50px;margin-top:200px;text-align:center}.section-title,.space-title{position:relative;background:#000;color:#fceafe;font-size:1.5em}.section-title h1{padding-top:10px}.btn-nav{display:none}nav{background-color:#fceafe;width:100px;height:98%;display:inline-block;box-shadow:4px 4px 5px grey;position:fixed}.nav-ul{list-style:none;padding-left:30px}.nav-icon{width:40px;height:auto;margin-top:70%;margin-bottom:40px}.nav-icon:hover{width:60px;margin-bottom:20px}.profile{border-radius:50%;width:300px;height:auto;position:absolute;right:50px;top:30px}.container{text-align:center;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(100px,auto);position:relative;top:40px}.container,.margin-left{margin-left:100px}h1{margin-bottom:0}p{display:inline}.with-shadow{box-shadow:-4px 4px 5px gray}.margin-top{margin-top:200px}.text-center{text-align:center}.aling-right{position:absolute;right:2px;text-align:right}.margin-auto{margin:auto}@media only screen and (max-width: 768px){.btn-nav{display:inline-block;position:fixed;width:100px;height:20px;text-align:center;background-color:#fceafe;color:#000;z-index:999}.btn-nav:active{-webkit-animation:click .7s 1;animation:click .7s 1}nav{height:540px;margin-top:15px;-webkit-animation:slide-down 2s;animation:slide-down 2s;z-index:2}li{height:100px}.hide{display:none}.nav-icon{z-index:3}@-webkit-keyframes click{25%,75%{transform:scale(.8)}50%{transform:scale(1.1)}}@keyframes click{25%,75%{transform:scale(.8)}50%{transform:scale(1.1)}}@-webkit-keyframes slide-down{0%{height:0%}to{height:100%}}@keyframes slide-down{0%{height:0%}to{height:100%}}.section-title{width:75%;height:70px;margin-left:45px;margin-bottom:50px;margin-top:150px;font-size:large;text-align:center;background-color:#000;color:#fceafe}.margin-auto{margin:auto}}@media only screen and (min-width: 768px) and (max-width: 1280px){.nav-icon{margin-top:30%}}@media only screen and (min-width: 1280px) and (max-width: 1440px){.nav-icon{margin-top:50%}}@media only screen and (min-width: 1440px) and (max-width: 1680px){.nav-icon{margin-top:70%}}@media only screen and (min-width: 1680px){.nav-icon{margin-top:130%}}