/* Semantic elements */
    /* General */
        * {margin: 0;} /* no white space around navigation etc. */
        
        html{
            background-color:#f5f5ff;
            font-family: "Poppins", sans-serif;
        
            /* hide scroll on larger screens */
            overflow-y: hidden;
            overflow-x:hidden;
        }
        
        body{
            display:flex;
        }
    
        main{
            /* stops the title being obscured by the navbar on smaller screens */
            margin-top:10vh;
            
            padding:10px;
            
            /* gets the main content to fill the available space.
               this is necessary to center content (eg: images) */
            flex-grow:1;
        }
    
    /* Headings */
        h1{
            text-align:center;
            padding-bottom:20px;
        }
    
    /* Forms */
        form{
            margin:auto;
            margin-bottom:15px;
            
            max-width:306px;
            padding:10px;
            
            border:2px solid grey;
            background-color:white;
            
            display:grid;
        }
        
        label{
            margin-top:20px;
        }
        
        input,select{
            max-width:300px;
            border:1px solid darkslategrey;
            border-radius:3px;

            height:30px;
            background-color:white;
        }
        
        input[type="submit"],button{
            background-color:#501649;
            color:white;
            
            height:40px;
            border-radius:20px;
            border:none;

            font-weight:600;
        }

/* Media queries */
    @media screen and (max-width:1200px){
        html{
            overflow-y: visible;
        }
    }