/*
Bryce Dixon  March 2026
Portfolio Website
This website was built on top of a website I created in Dec 2024 for COMP 2681.

This is the CSS page for desktop device styles affecting every page in the website. 

COLOUR PALLETTE:
dark blue - #002554
light blue - #01a2e0
dark grey - #e6e6e6
light grey - #f2f2f2
white - #ffffff
black - #0e0e0e
*/

/* Allows for smooth transitions when hovering over links (does not adjust items around it */
* {
  box-sizing: border-box;
}

/* TABLET AND DESKTOP */
@media screen and (min-width:768px) {

  /*Added as the navigation bar was not taking up the entire page*/
  body,
  html {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Helvetica, sans-serif;
    line-height: 1.4;
  }

  /* ========================================
   Text Links
   ======================================== */

  .text-link {
    color: #002554;
    font-weight: bold;
    text-decoration: none;
  }

  .text-link:hover {
    color: #01a2e0;
    text-decoration: underline;
  }

}

/* MOBILE WIDTH */

@media screen and (max-width:767px) {

  /*Added as the navigation bar was not taking up the entire page*/
  body,
  html {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Helvetica, sans-serif;
    line-height: 1.4;
  }

   /* ========================================
   Text Links
   ======================================== */

  .text-link {
    color: #002554;
    font-weight: bold;
    text-decoration: none;
  }

  .text-link:hover {
    color: #01a2e0;
    text-decoration: underline;
  }
}