@charset "utf-8";
/*
CSS Document
This document is made for blah blah file and project due this date and that information akjdfakjhdf

To Do List:
-fix this item x
-fix next thing
-do this x
-add that color x
-remove that
-bla bha x

*/

*{
    box-sizing: border-box; /* border calculation */
    margin: 0; /* css reset */
    padding: 0; /* css reset */
}


body{
    width: 992px;
    margin: 0 auto;
}

/* Fonts Section */
.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.clear{
    clear: both;
}

.dresscode{
    width: 100%;
}

.one, .two, .three{
    float: left;
}

.one{
    border: 10px solid blue;
    width: 33.33%;
}

.two{
    border: 10px solid red;
    width: 33.33%;
}

.three{
    border: 10px solid green;
    width: 33.33%;
    clear: both;
}

.gallery div{
    float: left;
    border: 1px solid red;
}

.gallery div img{
    height: 200px;
    width: 200px;
    border-radius: 100px;
    object-fit:cover;
}