@import url("https://fonts.googleapis.com/css?family=Raleway:400,400i,700");@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,700");



body {
    width:100vw;
    display:flex;
    margin:0;
    flex-direction: column;
    font-family: Raleway, sans-serif;
}

#header {
    
    display:flex;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:10px;
    padding-right:10px;
}


#code {
   float: right;
   display: block;
   margin-left: auto;
   right:0;
   margin-right:0px;
   color:#730FF6;
}

#super {
   display: none;
}

#space {
   width: 100%;
   height: 100px;
}

#menu {
   margin-right: 20px;
   color:#730FF6;
}


h1{
    color:#730FF6;
    margin-left:10px;
    font-family: Montserrat, sans-serif;
}

h2 {
    
    margin-left:10px;
}

.tag {
    
    color:grey;
    margin-left:10px;
    font-weight:900;
    font-family: Montserrat, sans-serif;
}

button {
    
    width:80%;
    background:#730FF6;
    color:#fff;
    font-family:;
    font-weight:900;
    padding:15px;
    margin:auto;
    margin-bottom:20px;
    border:0;
    border-radius:10px;
    outline:none;
    
}


.demo {
    
    width:90%;
    color:#fff;
    background:#000;
    margin:auto;
    border-radius:0 0 0 15px;
    padding-bottom:20px;
    margin-top:30px;
    margin-bottom:30px;
}



.demo p {
    
    margin-left:30px;
    font-size:14px;
    font-weight:900;
    border:2px solid #730FF6;
    border-radius:0 0 0 15px;
    padding:10px;
    margin-top:0;
}

 pre {
    
    margin:auto;
    display:inline-block ;
    width:auto;
    margin-left:0;
    margin-right:0;
}

.display {
    
    width:95%;
    margin:auto;
    height:40vh;
    background:#000;
    display:flex;
    margin-top:30px;
    margin-bottom:30px;
}

#box {
    
    background:#730FF6;
    margin:auto;
    width:100px;
    height:100px;
    border-radius:15px;
}


p {
    
    margin-left:5px;
}

.footer {
    
    height:70vh;
    width:100%;
    display:flex;
    background:#000;
    color:#fff;
}

ul,li {
    
    list-style-type:none;
}

li {
    
    margin-top:20px;
}

.footer > div {
    
    width:50%;
    display:flex;
    flex-direction:column;
}

.last {
    
    color:#fff;
    background:#000;
    display:flex;
    flex-direction:column;
}

.icons {
    
    width:100%;
    display:flex;
}

.icons svg {
    
    width:25%;
    height:50px;
    color:#fff;
    margin:auto;
    display:block;
    margin-top:20px;
    margin-bottom:20px;
}

hr {
    
    width:90%;
    color:grey;
    margin:auto;
}


