/*
 * For practical purposes, the difference between these two properties is that when you hide information using the visibility property, 
 * the browser creates the appropriate amount of space in the browser window for the information when the page loads. 
 * When you use the display property, space for the information is not created until the element becomes visible.
*/
.hidden { display: none; }